JavaScript重难点基础笔记

来源：互联网发布：linux uri 解码编辑：程序博客网时间：2024/05/19 00:51

JavaScript 消息框

警告框：alert("123");

确认框：confirm("文本");

提示框：prompt("文本","默认值");

tip：在文本字符串内部使用反斜杠可以对代码进行折行

JavaScript 测试和捕捉

try { //在这里运行代码 }catch(err) { //在这里处理错误 }

typeof运算符

返回一个用来表示表达式的数据类型的字符串。

适合基本类型及function检测，遇到null失效。

JavaScript 表单验证

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。

简单例子：

<html> 

<head> 

<title>用户登录</title>

<script language="javascript" type="text/javascript">

function sub()

{

var user = document.form1.user.value;

var pass = document.form1.pass.value;

if(user=="")

{

alert("用户名不能为空!");

return ;

}else if(pass=="")

{

alert("密码不能为空!");

return;

}else

{

document.form1.submit();

}

}

</script>

</head> 

<body> 

<form action="authpage.asp" method="post" name="form1">

用户名：<input type="text" name="user" style="width: 80px" />

密码：<input type="text" name="pass" style="width: 80px" />

<input type="button" name="login" value="提交" onClick="sub()" />

</form> 

</body> 

</html>

更多表单验证例子：http://www.360doc.com/content/10/0927/04/2333965_56684398.shtml

JavaScript RegExp 对象

RegExp 对象用于规定在文本中检索的内容。

1.test() 方法检索字符串中的指定值。返回值是 true 或 false。

var patt1=new RegExp("e");document.write(patt1.test("The best things in life are free"));

显示答案为：true

2.exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配，则返回 null。

var patt1=new RegExp("e");document.write(patt1.exec("The best things in life are free"));

显示答案为：e

您可以向 RegExp 对象添加第二个参数，以设定检索。例如，如果需要找到所有某个字符的所有存在，则可以使用 "g" 参数 ("global")。例如：var patt1=new RegExp("e","g");

3.compile() 方法用于改变 RegExp。compile() 既可以改变检索模式，也可以添加或删除第二个参数。

Window 对象

Window 对象表示浏览器中打开的窗口。

Window 尺寸

对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：

window.innerHeight - 浏览器窗口的内部高度

window.innerWidth - 浏览器窗口的内部宽度

对于 Internet Explorer 8、7、6、5：

document.documentElement.clientHeight

document.documentElement.clientWidth

或者

document.body.clientHeight

document.body.clientWidth

实用的 JavaScript 方案（涵盖所有浏览器）：

实例：（该例显示浏览器窗口的高度和宽度，不包括工具栏/滚动条）

var w=window.innerWidth|| document.documentElement.clientWidth|| document.body.clientWidth;
var h=window.innerHeight|| document.documentElement.clientHeight|| document.body.clientHeight;

JavaScript Window Screen

window.screen 对象包含有关用户屏幕的信息。

screen.availWidth - 可用的屏幕宽度

screen.availHeight - 可用的屏幕高度

JavaScript Window Location

window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。

location.href 属性返回当前页面的 URL。

location.hostname 返回 web 主机的域名

location.assign() 方法加载新的文档。

location.pathname 返回当前页面的路径和文件名

location.port 返回 web 主机的端口 （80 或 443）

location.protocol 返回所使用的 web 协议（http:// 或 https://）

JavaScript Window History

window.history 对象包含浏览器的历史。

history.back() - 与在浏览器点击后退按钮相同

history.forward() - 与在浏览器中点击按钮向前相同

JavaScript Window Navigator

window.navigator 对象包含有关访问者浏览器的信息。

navigator.appName- 保存浏览器类型

navigator.appVersion - 存有浏览器的版本信息（其他信息中的一项）

JavaScript Cookies

cookie 用来识别用户。

cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。

JavaScript 动画

使用 JavaScript 通过不同的事件来切换不同的图像。

例子：

onMouseOver 事件的作用是告知浏览器：一旦鼠标悬浮于图像之上，浏览器就会执行某个函数，这个函数会把这副图像替换为另一幅。

onMouseOut 事件的作用是告知浏览器：一旦鼠标离开图像，浏览器就要执行另一个函数，这个函数会重新插入原来的那幅图像。

JavaScript 计时

setTimeout()-未来的某时执行代码

clearTimeout() - 取消setTimeout()

例子：

var t=setTimeout("javascript语句",毫秒)；

clearTimeout(t)；

tips：计时器设置类似全局设置，可以在不同函数间控制。

JavaScript创建对象

创建对象的实例

personObj=new Object();

personObj.firstname="John";

personObj.lastname="Adams";

personObj.age=35;

personObj.eyecolor="black";

创建用于对象的模板

function person(firstname,lastname,age,eyecolor){

this.firstname=firstname;

this.lastname=lastname;

this.age=age;

this.eyecolor=eyecolor;}

myFather=new person("John","Adams",35,"black");

0 0