JavaScript基础
HTML中的脚本必须位于<script>与</script>标签之间,脚本可放置在HTML页面的<body>和<head>部分中
JavaScript可以通过不同的方式来输出数据:
- 使用window.alert()弹出警告框
- 使用dicument.write()方法将内容写到HTML文档中
- 使用innerHTML写入到HTML元素
- 使用console.log()写入到浏览器的控制台
innerhtml属性设置或返回表格行的开始和结束标志之间的HTML。
输出文本: document.write();
显示日期的函数:Date();
改变HTML元素:
未改变前:::
改变后:::
外部JavaScript文件:将函数保存到名为xxxx.js的外部文件中,引用时的格式为:
<script src="xxxx.js"></script>
操作HTML元素:使用document.getElementByld(id)方法,使用id属性来表示HTML元素,并innerHTML来获取或插入元素内容。
写到控制台———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()方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
正则表达式不区分大小写
test()方法是一个正则表达式方法,用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回true,否则返回false.
exec()方法用于检索字符串中的正则表达式的匹配,该函数返回一个数组,期中存放匹配的结果。如果未找到匹配,则返回值为null。