JS的使用的三种方式
第一种方法
内嵌式
说明:使用一对script标签,在HTML的内容下写入JS代码,也可以写在任意地方(推荐写在HTML的内容)
第二种方法
行内样式
说明:写在HTML标签中,需要点击事件 例:<p οnclick='JS代码'>内容</p>
第三种方法
外链样式
使用以.js后缀结尾的文件进行链接 格式:<script src="链接路径">不用写内容</script>
js的介绍
js是Java script的简称,是一种脚本语言
作用:通过JS实现对网页的控制,对浏览器的事件做出响应
JS的注释
JS有两种的注释方法
第一种:单行注释://
第二种:多行注释: /*注释内容*/
快捷键:ctrl+?
变量
变量的定义:是一个变化的量
一般在内存中运行;变量是临时存在的数据
变量的声明
变量的赋值:var 变量名=变量值
变量的命名规则
1、变量可以是字母、数字、下划线和$来命名,但不能以数字开头
2、变量可以使用中文,但不建议用中文来命名
3、变量名不能是系统关键字
4、变量名要严格区分大小写
5、变量名要做到见名知意
变量名如果有多个单词组成,可以用以下命名
1、大小驼峰式命名;2、单词之间可以以下划线为分割,可以称为下划线式命名
JS的数值类型
1、数值类型:Number
2、获取类型:typeof()
说明:可以获取变量的使用类型
3、字符串类型:string
说明:用单引号或双引号引起来的内容 注:引号不能嵌套自己,但可以相互嵌套
4、布尔类型:bollean (可以简写成:boll)
说明:布尔类型只有两个值 不是真就是假;真:true;假:false
5、未定义类型:undefined
说明:出现这个类型,就说明变量没有值
如果定义变量时,没有赋值,那变量的默认值是undefined,类型是undefined
6、空类型:null
说明:空值,可以用于释放变量内容,可以理解成删除
如果明确想表示一个变量没有值,就设为null
JS的输出方式
警告框
格式:alert('提示内容')
作用:在浏览器中弹出一个警告框
输入内容
格式:document.write('输入的内容')
作用:在文档中写入内容,并在网页中输出
控制台输出
格式:console.log()
作用:在控制台中输出内容,经常在调试代码中使用
标签.innerText 作用:将标签当做普通文本输出(往内部写入文本)
例:oo.innerText = '<h1>我是一个大标题</h1>'
标签.innerHTML 作用:解析标签,理解标签(往内部写入文本)
例:oo.innerHTML = '<h1>我是一个大标题</h1>'