JavaScript学习笔记一

JavaScript是一种轻量级的脚本编程语言，是可以插入到HTML页面的编程代码，也可以通过引用外部的JavaScript。

外部引用js的格式为：

<span style="white-space:pre">	</span><scrtpt src="myscript.js"></scrtpt>

直接写入HTML进行输出四种方式:

window.alert()弹出提示框；

document.write()写入内容到html；

innerHTML直接进行对HTML内容更改；

console.log()浏览器控制台控制；

<span style="white-space:pre">	</span>document.write("<h1>段落输出</h1>")；                  //直接输出HTML格式
<span style="white-space:pre">	</span>document.getElementById("idname").innerHTML="some text be replaced"; //改变id下的内容

JavaScript事件响应：

<span style="white-space:pre">	</span><button type="button" οnclick="clickOn">点击</button>
<span style="white-space:pre">	</span><script>
<span style="white-space:pre">		</span>function clickOn(){
<span style="white-space:pre">		</span> document.write("Hello world!")
<span style="white-space:pre">		</span>}
<span style="white-space:pre">	</span></script>

JavaScript能改变任意HTML元素的大多数属性。

改标签样式：

<span style="white-space:pre">	</span>styleid = document.getElementById("idname")
<span style="white-space:pre">	</span>styleid.style.color="#ff0";

JavaScript可以结合c语言程序进行选择、循环等实现复杂的函数功能。

                                                                                                                                                           

JavaScript中局部变量会在函数运行以后被删除，而全局变量会在页面关闭后被删除。
未声明的JavaScript变量将自动作为全局变量声明。

<span style="white-space:pre">	</span>varname =  "Woodenfish";

即使该语句在函数内部执行，varname也是一个全局变量。

                                                                                                                                                                   

常见的HTML事件

onchange HTML元素改变

onclick 用户点击HTML元素

onmouseover 移动鼠标经过HTML元素

onmouseout 移开鼠标离开HTML元素

onkeydown 按下键盘

onload 页面完成加载

更多DOM事件

转义字符转义的输出

\n 换行

\r 回车

\t tab

\b 退格符

\f 换页符

字符串方法

Method	描述
charAt()	返回指定索引位置的字符
charCodeAt()	返回指定索引位置字符的 Unicode 值
concat()	连接两个或多个字符串，返回连接后的字符串
fromCharCode()	将 Unicode 转换为字符串
indexOf()	返回字符串中检索指定字符第一次出现的位置
lastIndexOf()	返回字符串中检索指定字符最后一次出现的位置
localeCompare()	用本地特定的顺序来比较两个字符串
match()	找到一个或多个正则表达式的匹配
replace()	替换与正则表达式匹配的子串
search()	检索与正则表达式相匹配的值
slice()	提取字符串的片断，并在新的字符串中返回被提取的部分
split()	把字符串分割为子字符串数组
substr()	从起始索引号提取字符串中指定数目的字符
substring()	提取字符串中两个指定的索引号之间的字符
toLocaleLowerCase()	根据主机的语言环境把字符串转换为小写，只有几种语言（如土耳其语）具有地方特有的大小写映射
toLocaleUpperCase()	根据主机的语言环境把字符串转换为大写，只有几种语言（如土耳其语）具有地方特有的大小写映射
toLowerCase()	把字符串转换为小写
toString()	返回字符串对象值
toUpperCase()	把字符串转换为大写
trim()	移除字符串首尾空白
valueOf()	返回某个字符串对象的原始值

JavaScript中，正则表达式的语法/pattern/modifiers，通常用于两个字符串方法：search()和replace()。

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

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

RegExp具体参考