js 基础 js位置 引入方式 基本程序 |
JS基础-2(语法)
3.js基本语法
(1)执行顺序
(2)字母大小敏感
严格区分大小写 onclick≠onClick
(3)空格和换行
在js中通常会忽略空格、换行、制表符(/t),
除分是字符串或正则表达式中的一部分,
可用这些特殊符号进行排版
(4)分号的有无
若一行一行写不用加“ ;”
写在一行每句结尾加“ ;”
(5)注释
快捷键:ctrl+/
单行注释: //
多行注释:
/* 123
456
789*/
作用:(1)可以解释程序某些语句的作用和功能
(2)暂时屏蔽某些语句(调试代码用)
注意:注释的符号不能嵌套
js代码必须编写在script标签中
1.引入方式
(JavaScript在HTML页面中的应用)
(Web页面中使用JavaScript3种方法)
(1)页面中直接嵌入JavaScript代码(内部书写)
JS 写在<script>标签里面,type属性就是类型,text/javascript 就是纯文本的JavaScript
!这个 type必须写准确,可以不写,但是要写,一定要写准确,否则失效
(2)链接外部JavaScript文件(外部书写)(推荐使用)
使用方式:新建文档存js 页面后缀为.js
在html中链接:<script src="js/xxx.js"></script>
利:可以被多个页面使用
(3)作为标签的使用值使用(不推荐使用)
(1)通过"javascript:"调用
(2)与事件结合调用
<a href="javascript:;">xiaozhan</a>空连接 无效果
不等于<a href="#">xiaozhan</a>
把 javascript:; 加在超级链接上 就可以防止 链接跳转..
4.js基础程序
(1)弹出警告框
alert('第一个js代码')
(2)在页面中输出内容
document.write('123')
(3)在控制台输出内容
快捷键:F12
console.log('who are you?')
作用:浏览器检查/检查元素,
修改代码(检查代码的输出,是否正确)。
程序运行的错误,都在控制台输出
2.js书写位置
(1)在 head 标签中, 或者在 body 标签中(任意位置)
在head中:
加window.onload=function(){}
文档加载完后执行js代码
(2)写在外部的 js 文件中,在页面引入
注意:script标签可以用来定义js代码,也可以用来引入js文件,但不能同时使用两个功能,引用外部js文件的script标签中不可以写JavaScript代码,但是可以重新写一个script标签。