JS函数。
我们在写JS代码的时候,都是写在<script></script>里面的,这个标签用来告诉浏览器里面的内容是用JS编写的程序,需要调动相应的解释程序进行解释。
自定义函数:
function funcName([parameters]){
statements;
[return 表达式]
}
function sum(a,b){ return a+b; } PS自定义函数关键字为function
funcName可以自定义
parameters 函数参数,直接写参数名称就可以了,不用写类型
statements 函数执行语句
return 函数返回值
我们有了函数以后,还需要得到页面元素内容:
document对象表示整个html文档,通过document对象可以获取到html文档中的所有内容。
向页面输出内容 document.write()输出的内容
网页对象获取:
var obj = document.getElementById('元素id值');这是用的最多的
var obj = document.getElementByName('元素name值');
var obj = document.getElementByTagName('标签名称');
1.表单元素
从元素取值:var strValue = document.getElementById('表单元素id值').value;
给元素赋值:document.getElementById('表单元素id值').value=动态值;
注意得到的值都是字符类型的值,如果需要计算,需要进行数据类型的装换:parseInt和parseFloat
2.普通元素(比如一行字)
取值:
var strValue = document.getElementById('元素id值').innerText;
var strValue = document.getElementById('元素id值').innerHTML;
赋值:
document.getElementById('元素id值').innerText=动态值;
document.getElementById('元素id值').innerHTML=动态值;
注意
innerText只对文本处理
innerHTML,可以解析HTML标签。
调用函数的方法,在事件中配合使用
比如
<input id ="pwd" type="password" οnfοcus="cls('pwd','pwd_info')" οnblur="verifypwd('pwd','pwd_info')" />这是一个密码域,在我们点击的时候onfocus 调用 cls函数,传递了pwd和pwd_info给其函数,进行操作,后面的onblur也是,失去焦点的时候,调用另一个方法。在后文中,会单独讲怎么用。
怎么用之前,我们先来了解JS里面的正则表达式
语法:
元字符:
. 匹配除换行符以外的任意字符
\w 匹配字母或者数字或者下划线
\s 匹配任意的空白符
\d 匹配数字
\n 匹配单词的开始或结束
^ 匹配字符串的开始
$ 匹配字符串的结束
重复次数:
* 重复0次或者更多次
+ 重复1次或者更多次
? 重复0次或者1次
{n} 重复n次
{n,} 重复n次或者更多次
{n,m} 重读n到m次
注意匹配问号等字符要转
\?