一. 在HTML中使用Javascript

  1. 内部添加:

    可以在HTML页面的任何地方添加script标签(只要浏览器可以读取到),在标签内部添加我们的JS代码。例如:

    <script type="text/javascript">
     //js代码
    </script>
    

    说明:

    • type属性是可选属性,type="text/javascript"
  2. 链接外部js文件。

    为了代码的复用和方便维护,实际开发中会把js代码放入单独的文件中,然后在HTML文件中用script标签链接引入。例如:

    <script type="text/javascript" src="a.js">
    //注意不要在script标签中再添加代码,即使添加了代码也不会执行
    </script>
    

说明:

  • src表示要链接的文件的地址。这个地址可以是一个文件,也可以是一个url地址。

  • 引入外部js文件的时候,不要再在标签内添加js代码,即使添加了也不会执行。

  • 虽然这个时候不再script标签中添加js代码,但是也不能把script标签改成单标签。

    例如下面的形式是错误的。

    <script type="text/javascript" src="a.js" /> <!-- 把script写成这种单标签的方式是错误的 -->
    
  • 在HTML标签中: 作为某个元素的事件属性值或者是超链接 href属性值。

    <a href="javascript:alert('xyxyxy欢迎你!')">点我啊</a>
    <input name="btn" type="button" value="弹出消息框"  onclick="javascript:alert('xyxyxy欢迎你!');"/>
    

二. Javascript语法基本要求

  1. JavaScript的执行顺序:按照HTML文件中出现的顺序依次执行

  2. JavaScript严格区分大小写,大小写敏感

  3. JavaScript忽略空白符和换行符

  4. JavaScript使用 ; 结束语句。分号 ; 可以省略,尽量不要省略。

  5. JavaScript可以使用{ }括成一个语句组,形成一个块block


三. 几个常用的API

警告框:alert(xx);

  • 警告框经常用于确保用户可以得到某些信息。

  • 警告框出现后,用户需要点击确定按钮才能继续进行操作。

<script type="text/javascript" >
alert("你好");
</script>


确认框:confirm(xx);

  • 确认框用于使用户可以验证或者接受某些信息。
  • 当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。
  • 如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。
<script type="text/javascript" >
confirm("你好");
</script>


输入框: prompt(xx,默认值);

  • 提示框经常用于提示用户在进入页面前输入某个值。
  • 当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。
  • 如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。

向控制台输出结果:console.log("xxx")

<script type="text/javascript" >
console.log("正在向控制台打印数据: 哈哈哈");
</script>


四. 注释

JavaScript共提供了2中注释:单行注释和多行注释。

  1. 单行注释。 //这里是注释,只能写一行

  2. 多行注释。 / 这里的注释可以写多行 /

Copyright © 李振超 2018 all right reserved,powered by Gitbook
该文件最后修订时间: 2018-10-18 03:19:29

results matching ""

    No results matching ""