JavaScript基础语法、dom操作树及document对象
2014-12-02 00:00
871 查看
第一部分 基本语法:
1、数据类型(字符串、小数、整数、布尔、时间日期)
2、变量
3、运算符:四大类
4、表达式(为了组成语句):变量+运算符
5、语句:三大类()
分类:
顺序
分支:if;if..else,if..else..if..else...if..else;if嵌套
switch...case
循环:穷举法,迭代法;四要素(初始条件;循环条件;循环体;状态改变)
for...
while...
6、数组:var a= new Array();
7、函数:四要素(名称,输入、返回、加工)
1、运算符
比较运算符(7种):==/===/!=/>/</<=/>=
===(全等于)
2、字符串substring的用法
3、练习题:累加求和(运用Js的方法)
4、进制转换
第二部分 DOM操作(操作html)树
windows对象--浏览器窗口
[window.document.
window.alert()]
window.location--地址栏
window.history--前进、后退(访问历史)
window.status--状态栏
window.document;(重点)
第三部分 document对象:
1、找
var d=document.getElementById("元素的ID")
var d=document.getElementsByName("元素的名称")
var d=document.getElementsByTagNme("元素的标签名")
2、操作元素内容
常用元素:超链接、图片
分2类:
(1)表单元素(3类)文本(imput: type=text,password,textarea,hidden)、按钮(submit/reset/button/image)、选择(radio/checkbox/select下拉列表、列表框/file)
赋值 d.value=xxxx;
取值 var s=d.value
(2)非表单元素:h1....h6;p;div;span;ul;ol;li(记忆新闻)
控制格式标签
内容容器标签:
赋值:d.innerHTML=xxxx;
取值:var s=d.innerHTML;
3、操作元素属性
d.setAttribute(名,值)
var s=d.getAttribute(名)
d.removeAttribute(名)
4、操作元素样式
(1)内联样式:
d.style xxxxx=xxxx;
var s=d.style.backgroudcolor;
(2)class属性
d.className=""
5、操作相关元素
上、下、内、外
1、数据类型(字符串、小数、整数、布尔、时间日期)
var s="3.14" var n=parsefloat(s) s+=5; var s="abc3.14" var n=parsefloat(s) //NaN s+=5;//解析转换成小数型 var d=parseInt(s)//解析转换成整数型 isNaN(字符串),判断是不是数字模样的字符串,是-false;否-true
2、变量
3、运算符:四大类
4、表达式(为了组成语句):变量+运算符
5、语句:三大类()
分类:
顺序
分支:if;if..else,if..else..if..else...if..else;if嵌套
switch...case
循环:穷举法,迭代法;四要素(初始条件;循环条件;循环体;状态改变)
for...
while...
6、数组:var a= new Array();
7、函数:四要素(名称,输入、返回、加工)
function show() { }
1、运算符
比较运算符(7种):==/===/!=/>/</<=/>=
===(全等于)
2、字符串substring的用法
3、练习题:累加求和(运用Js的方法)
4、进制转换
第二部分 DOM操作(操作html)树
windows对象--浏览器窗口
[window.document.
window.alert()]
window.location--地址栏
window.history--前进、后退(访问历史)
window.status--状态栏
window.document;(重点)
第三部分 document对象:
1、找
var d=document.getElementById("元素的ID")
var d=document.getElementsByName("元素的名称")
var d=document.getElementsByTagNme("元素的标签名")
2、操作元素内容
常用元素:超链接、图片
分2类:
(1)表单元素(3类)文本(imput: type=text,password,textarea,hidden)、按钮(submit/reset/button/image)、选择(radio/checkbox/select下拉列表、列表框/file)
赋值 d.value=xxxx;
取值 var s=d.value
(2)非表单元素:h1....h6;p;div;span;ul;ol;li(记忆新闻)
控制格式标签
内容容器标签:
赋值:d.innerHTML=xxxx;
取值:var s=d.innerHTML;
3、操作元素属性
d.setAttribute(名,值)
var s=d.getAttribute(名)
d.removeAttribute(名)
4、操作元素样式
(1)内联样式:
d.style xxxxx=xxxx;
var s=d.style.backgroudcolor;
(2)class属性
d.className=""
5、操作相关元素
上、下、内、外
相关文章推荐
- JavaScript基础语法、dom操作树及document对象
- JavaScript的DOM(文档对象)基础语法总结1
- JavaScript学习笔记——DOM_对document对象的内容、属性、样式的操作
- JavaScript笔记03——文档对象模型(Document Object Model,简称DOM):获取HTML元素、操作HTML元素
- JavaScript的DOM(文档对象)基础语法总结2
- JavaScript基础(基本语法:变量、语句、数组、函数、对象、全局方法以及js与java不同,js与html关联)
- javascript--DOM对象模型的常用操作属性和方法
- Javascript之DOM(Document对象)1
- javascript DOM操作基础
- JavaScript 创建对象基础语法
- JavaScript相关-基础语法,常用对象和简单事件
- JavaScript基础知识----document对象
- JavaScript操作Document对象内容集合
- javascript 对象(DOM)document window history
- jQuery操作DOM(Document、Object、Model)对象——页面元素操作
- javascript--DOM对象模型的常用操作属性和方法(转载)
- javascript DOM操作基础
- javascript DOM 操作基础知识小结
- JavaScript基础语法测试代码,覆盖JavaScript五大对象和function!
- javascript DOM操作基础