javascript总结

第1章 JavaScript语言入门
1 为什么学习JavaScript
提要:Javascript是学习脚本语言的首选。她兼容性好,绝大多数浏览器均支持Javascript,而且她功能强大,实现简单方便,入门简单,即使是程序设计新手也可以非常快速容易地使用JavaScript进行简单的编程。

Javascript是由Netscape公司创造的一种脚本语言。为便于推广,被定为javascript,但是javascript与java是两门不相干的语言,作用也不一样。作为一门独立的编程语言,javascript可以做很多的事情,但它最主流的应用还是在Web上——创建动态网页(即网页特效)。Javascript在网络上应用广泛,几乎所有的动态网页里都能找到它的身影。目前流行的AJAX也是依赖于Javascript而存在的。
Javascript与Jscript也不是一门相同的语言,Jscript和vbscript是微软开发的两种脚本语言,微软,Netscape公司以及其他语言开发商为减少web开发者的兼容麻烦,所以成立ECMA,该组织专门制定脚本语言的标准和规范。ECMA制定的标准脚本语言叫做 ECMAScript,Javascript符合ECMA的标准,其实Javascript也可以叫做ECMAScript.
Jscript也ECMA的标准,但用户较少。vbscript仅局限在微软的用户,Netscape不支持。
概括地说,JavaScript就是一种基于对象和事件驱动,并具有安全性能的脚本语言,脚本语言简单理解就是在客户端的浏览器就可以互动响应处理程序的语言,而不需要服务器的处理和响应,当然JavaScript也可以做到与服务器的交互响应,而且功能也很强大。而相对的服务器语言像asp asp.net php jsp等需要将命令上传服务器,由服务器处理后回传处理结果。对象和事件是JavaScript的两个核心。
JavaScript可以被嵌入到HTML文件中,不需要经过Web服务器就可以对用户操作作出响应,使网页更好地与用户交互;在利用客户端个人电脑性能资源的同时,适当减小服务器端的压力,并减少用户等待时间。

2 将JavaScript 插入网页的方法

与在网页中插入CSS的方式相似,使用

language=”javascript”表示使用JavaScript脚本语言,脚本语言还有vbscript、jsscript等,如果没有language属性,表示默认使用JavaScript脚本。其中的…就是代码的内容。例如:

当然也可以先写好一个 HTML 文件,在 open() 方法中直接 load 这个文件。
(7)anchors[]; links[]; Link
anchors[]; links[]; Link 连接对象。
用法:document.anchors[[x]]; document.links[[x]]; ;
  document.anchors 是一个数组,包含了文档中所有锚标记(包含 name 属性的标记),按照在文档中的次序,从 0 开始给每个锚标记定义了一个下标。
  document.links 也是一个数组,包含了文档中所有连接标记(包含 href 属性的标记和标记段里的标记),按照在文档中的次序,从 0 开始给每个连接标记定义了一个下标。
  如果一个标记既有 name 属性,又有 href 属性,则它既是一个 Anchor 对象,又是一个 Link 对象。
  在 IE 中,如果在标记中添加“id=”…””属性,则这个对象被赋予一个标识(ID),调用这个对象的时候只需要使用“”就行了。很多文档部件都可以用这个方法来赋予 ID,但要注意不能有两个 ID 相同。
anchors 和 links 作为数组,有数组的属性和方法。单个 Anchor 对象没有属性;单个 Link 对象的属性见下。
属性
protocol; hostname; port; host; pathname; hash; search; href 与 location 对象相同。
target 返回/指定连接的目标窗口(字符串),与标记里的 target 属性是一样的。

15 JavaScript 实例
15.1父窗口获取弹出子窗口文本框的值
<script defer>
function browser.onclick(){
var nW = window.open(“”,”“,”width=170,height=200”);
nW.moveTo(300,100);
nW.document.write(“<script defer>\r”+
“var m=true;\r”+
“function insert.onclick(){\r”+
“if(m){\r”+
“opener.atext.value=btext.value;\rm=false;”+
“}else{\r”+
“opener.atext.value+=’-‘+btext.value;\r”+
“}\r}\r”+
“<\/script>\r”+
“<input name=btext value=111111 size=10 style=’BACKGROUND: #ffffff; BORDER-BOTTOM: #0A3EAE 1px solid; BORDER-LEFT: #0A3EAE 1px solid; BORDER-RIGHT: #0A3EAE 1px solid; BORDER-TOP: #0A3EAE 1px solid’>\r”+
“<input type=button value=选择 name=insert style=’background-color: #EBF5FC; border: 1px solid #0099CC’>”);
}
</script>
<textarea name=”atext” cols=”60” rows=”4” ></textarea>
<input type=button value=选择参数 name=browser style=”background-color: #EBF5FC; border: 1px solid #0099CC”>

你可能感兴趣的:(web)