JavaScript学习笔记一

来源:互联网 发布:前端模块化编程 编辑:程序博客网 时间:2024/06/10 11:08

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" onclick="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具体参考

0 0
原创粉丝点击