JavaScript基础

HTML中的脚本必须位于<script>与</script>标签之间,脚本可放置在HTML页面的<body>和<head>部分中

JavaScript可以通过不同的方式来输出数据:

  • 使用window.alert()弹出警告框
  • 使用dicument.write()方法将内容写到HTML文档中
  • 使用innerHTML写入到HTML元素
  • 使用console.log()写入到浏览器的控制台

innerhtml属性设置或返回表格行的开始和结束标志之间的HTML。

输出文本:    document.write();

显示日期的函数:Date();

改变HTML元素:

未改变前:::

JavaScript基础

JavaScript基础

改变后:::

JavaScript基础

JavaScript基础

外部JavaScript文件:将函数保存到名为xxxx.js的外部文件中,引用时的格式为:

<script src="xxxx.js"></script>

操作HTML元素:使用document.getElementByld(id)方法,使用id属性来表示HTML元素,并innerHTML来获取或插入元素内容。

JavaScript基础

写到控制台———console.log()方法:浏览器中显示JavaScript的值(浏览器中使用F12来启用调试模式,在调试窗口中惦记"Console”菜单)

字符串自变量可以使用单引号或双引号

对象字面量定义一个对象:{firstName:"John",lastname:"Doe",age:50,eyeColor:"blue"}

函数字面量定义一个函数:function myFunction(a,b){return a*b;}

注意::::::JavaScript对大小写敏感

JavaScript拥有动态类型,这意味着相同的变量可用作不同的类型:

var x;   var x=5;   var x="John";

undefine这个值表示变量不含有值,可以通过将变量的值设置为null来清空变量。

按钮元素添加onclick属性:

<button onclick="getElementById(demo).innerHTML=Date()"></button>

修改id="demo"元素的内容:

<button onclick="this.innerHTML=Date()"></button>

常见的HTML事件:

onchange      HTML元素改变 

onclick         用户点击HTNL元素

onmousseover        用户在一个HTML元素上移动鼠标

onmouseout            用户在一个HTML元素上移开鼠标

onkeydown               用户按下键盘按键

onload                       浏览器已完成页面的加载

正则表达式:使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。搜索模式可用于文本搜索和文本替换。

var patt = /runoob/i    

/runoob/i是一个正则表达式,runoob是一个正则表达式主题(用于检索),i是一个修饰符(搜索不区分大小写)。

search()方法用于检索字符串中指定的子字符串,或检索与正则表达式想匹配的子字符串,并返回子串的起始位置。

replace()方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

正则表达式不区分大小写

JavaScript基础

JavaScript基础

test()方法是一个正则表达式方法,用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回true,否则返回false.

exec()方法用于检索字符串中的正则表达式的匹配,该函数返回一个数组,期中存放匹配的结果。如果未找到匹配,则返回值为null。