• Web前端-JavaScript基础教程下


    Web前端-JavaScript基础教程下

    Web前端-JavaScript基础教程下

    <script>有6个属性:

    async对外部脚本有效,可以用来异步操作,下载东西,不妨碍其他操作。

    charsetsrc属性指定字符集。

    defer表示脚本延迟,等到文档被解析显示后才执行。

    language已废弃。

    src表示执行外部文件。

    type表示使用脚本语言的类型。

    <script type="text/javascript" src="dashu.js"></script>
    
    <script  src="dashu.js"></script>
    
    <head>
    <script></script>
    </head>
    
    <body>
    <script></script>
    </body>
    

    脚本会被延迟到整个页面解析完毕后运行,不会影响页面结构:

    <script defer="defer"></script>
    

    type编写代码使用的脚本语言的内容类型。

    <script type="text/javascript">
     function hello() {
      alert("hello");
     }
    </script>
    
    // 引用外部文件
    <script type="text/javascript" src="example.js"></script>
    

    defer表示脚本会被延迟到整个页面加载完毕后运行。

    <!DOCTYPE html>
    <html>
     <head>
      <title></title>
      <script type="text/javascript" defer="defer" src=""></script>
      <script type="text/javascript" defer="defer" src=""></script>
     </head>
     <body>
     </body>
    </html>
    

    异步脚本使用async属性

    <!DOCTYPE html>
    <html>
     <head>
      <title></title>
      <script type="text/javascript" async src=""></script>
    </head>
    <body>
    </body>
    </html>
    

    xhtml可扩展超文本标记语言

    <script type="text/javascript">
     function compare(a,b){
      if(a<b){
      }else{
      }
     }
    </script>
    

    <noscript>元素,浏览器不支持脚本,浏览器支持脚本,但脚本被禁用。

    <html>
     <head>
      <title></title>
      <script type="text/javascript" defer="defer" src=""></script>
     </head>
     <body>
      <noscript>
       <p>需要浏览器启用javascript</p>
     </noscript>
     </body>
    </html>
    

    javascript的使用要用<script>元素,外部的文件使用src指向相应的文件,<script>会按照他们在页面的先后依次被解析,defer属性可以让当前脚本不必等待其他脚本,使用<noscript>元素可以指定在不支持脚本的浏览器中显示替代的内容。

    基本语法,数据类型:

    数据类型

    操作符

    语句

    javascript区分大小写,标识符,第一个字符以字母,下划线或一个美元符号,其他可以是字母,下划线,美元符号,或数字。

    不能把关键字,保留字等用作标识符。

    严格模式:

    "use strict"; 
    

    关键字:

    break,case,catch,continue,default,delete,
    do,else,finally,for,function,if,in,
    instanceof,new,return,switch,this,throw,try,
    typeof,var,void,while,with,
    

    保留字:

    abstract,enum,int,short,
    boolean,export,interfacee,static,
    byte,char,class,const,double,
    extends,final,float,goto,implements,import,
    interface,long,native,package,private,protected,public 
    short,static,super,synchronized,throws,volatile
    
    function test() {
     var msg = "hello"; // 局部变量
    }
    test();
    
    function test() {
     msg = "hello"; // 全局变量
    }
    test();
    

    数据类型:

    Undefined, null, boolean, number, string, object
    

    undefined未定义;
    boolean布尔值;
    string字符串;
    number数值;
    object对象或null;
    function为函数。

    type操作符用来判断变量的数据类型。

    undefined类型

    var message;
    console.log(message == undefined); // true;
    

    结言

    好了,欢迎在留言区留言,与大家分享你的经验和心得。

    感谢你学习今天的内容,如果你觉得这篇文章对你有帮助的话,也欢迎把它分享给更多的朋友,感谢。

    作者简介

    达叔,理工男,简书作者&全栈工程师,感性理性兼备的写作者,个人独立开发者,我相信你也可以!阅读他的文章,会上瘾!,帮你成为更好的自己。长按下方二维码可关注,欢迎分享,置顶尤佳。

    努力努力再努力Jeskson

  • 相关阅读:
    decode(解码)与encode(编码)——python
    Appium环境准备(二)
    cannot bind to 127.0.0.1:5037解决方法
    使用adb命令获取包名
    cookie的弊端
    jquery点击弹出一个页面+点击X可关闭的部分
    实现AJAX的异步交互的步骤
    HTML5,jQuery,ajax基础面试
    js 基础面试题
    JavaScript,DOM经典基础面试题
  • 原文地址:https://www.cnblogs.com/dashucoding/p/11140252.html
Copyright © 2020-2023  润新知