JavaScript与HTML文档[总结]
2007-11-10 01:28
211 查看
客户端JavaScript的语言结构和JavaScript内核的语言结构一致的。客户端JavaScript定义一组对象,方法,属性脚本。就是利用他们和客户端的XHTML文档交互。
利用JavaScript访问元素DOM地址
方法1:document.forms[0].elements[0] (不常用,DOM0)
方法2:document.form1.txtName (常用,DOM0,但不符合XHTML1.1标准)
方法3: document.getElementById("txtNameId") (最佳方法,DOM1,)
注册事件
事件有
blur
change
click
focus
load
upload
mouseup
mousedown
mouseout
mouseover
mousemove
select
submit
用法例子:
document.getElementById("phone").focous();
document.getElementById("phone").select();
标签的属性有(事件属性全部必须都用小写)
1.onblur(<p>,<button>,<input>,<textarea>,<select>)
2.onchange(<input>,<textarea>,<select>)
3.onclick(<a>,<input>)
4.onfocus(<a>,<input>,<textarea>,<select>)
5.onload(<body>)
6.onunload(<body>)
7.onmousemove(绝大部分元素)
8.onmouseout(绝大部分元素)
9.onmouseover(绝大部分元素)
10.onmouseup(绝大部分元素)
11.onmousedown(绝大部分元素)
12.onselect(<input>,<textarea>)
13.onsubmit(<form>)
方法1:在元素里面写 onclick="checkForm()"
方法2:如javascript标志段里面 document.getElementById("form1").elements[0].onclick="checkFrom" 本语句写在checkFrom方法和form1表单后
navigator对象
浏览器名称:navigator.appName
浏览器版本:navigator.appVersion
利用JavaScript访问元素DOM地址
方法1:document.forms[0].elements[0] (不常用,DOM0)
方法2:document.form1.txtName (常用,DOM0,但不符合XHTML1.1标准)
方法3: document.getElementById("txtNameId") (最佳方法,DOM1,)
注册事件
事件有
blur
change
click
focus
load
upload
mouseup
mousedown
mouseout
mouseover
mousemove
select
submit
用法例子:
document.getElementById("phone").focous();
document.getElementById("phone").select();
标签的属性有(事件属性全部必须都用小写)
1.onblur(<p>,<button>,<input>,<textarea>,<select>)
2.onchange(<input>,<textarea>,<select>)
3.onclick(<a>,<input>)
4.onfocus(<a>,<input>,<textarea>,<select>)
5.onload(<body>)
6.onunload(<body>)
7.onmousemove(绝大部分元素)
8.onmouseout(绝大部分元素)
9.onmouseover(绝大部分元素)
10.onmouseup(绝大部分元素)
11.onmousedown(绝大部分元素)
12.onselect(<input>,<textarea>)
13.onsubmit(<form>)
方法1:在元素里面写 onclick="checkForm()"
方法2:如javascript标志段里面 document.getElementById("form1").elements[0].onclick="checkFrom" 本语句写在checkFrom方法和form1表单后
navigator对象
浏览器名称:navigator.appName
浏览器版本:navigator.appVersion
相关文章推荐
- 初学php html javascript后小总结
- 用于Javascript的文档生成软件的开发总结
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第30讲_类和对象细节_创建对象的几种方式_js对象内存分析_学习笔记_源代码图解_PPT文档整理
- 总结一些更多的针对webkit的HTML, CSS和Javascript方面的特性.
- 03.WEB-HTML之JavaScript标签学习总结(一)
- HTML+CSS+JAVASCRIPT 总结
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第24讲_js案例讲解_js自定义函数_学习笔记_源代码图解_PPT文档整理
- Dom元素基本操作方法API,先记录下,方便以后使用。 W3C DOM和JavaScript很容易混淆不清。DOM是面向HTML和XML文档的API,为文档提供了结构化表示,并定义了如何通过脚本
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第26讲_js函数调用过程内存分析_js函数细节_学习笔记_源代码图解_PPT文档整理
- Web前端开发精品课HTML CSS JavaScript基础教程HTML部分知识点总结
- 韩顺平_轻松搞定网页设计(html+css+javascript)_ 第18讲_js课程介绍_js基本介绍_学习笔记_源代码图解_PPT文档整理
- 基于Metronic的Bootstrap开发框架经验总结(17)-- 使用 summernote插件实现HTML文档的编辑和图片插入操作
- html学习文档总结
- HTML文档中用JavaScript调用Microsoft Agent的COM接口
- jquery、html/css/javascript、jdk、struts1、struts2、hibernate、hibernate annotation、spring等在线文档
- 关于对HTML CSS Javascript 的学习总结
- JavaScript- 通常用于操作 HTML 元素\通过指定的 id 来访问 HTML 元素,并改变其内容\写到文档输出
- javascript处理HTML的Encode(转码)和Decode(解码)总结
- [总结]客户端JavaScript读取Xml文档的例子!
- JavaScript的DOM(文档对象)基础语法总结2