6、网页制作Dreamweaver(HTML结构--dom操作)
2014-12-16 10:33
197 查看
一、基本语法:数据类型(字符串,小数,整数,布尔,时间) var,
var s = "3.14"; var n = parseFloat(s); ; s += 5;
var d = parseInt(s);
isNaN(字符串):判断是否是数字模样的字符串;是-false; 不是-true
运算符:四大类
表达式:
语句:三大类(顺序,分支,循环)
分支:if(){}; if...else...;if...else if...else if ......else;if嵌套
循环:穷举,迭代;四要素(初始条件,循环条件,循环体,状态改变):
数组;var a = new Array()
函数:四要素(名称,输入,返回,加工)
function Show()
{
}
二、DOM操作:树
window对象——浏览器窗口
window.location:地址栏
window.history:访问历史
window.status:状态栏
window.document:重点!
三、document:
1.找
var d = document.getElementById("元素的ID");
var d = document.getElementsByName("元素名称")
var d = document.getElementsByTagName("标签名")
2.操作元素内容:
(1)表单元素:文本(input:type=text,input:type=password;textarea;input:type=hidden)按钮(submit,reset,button image)选择(radio,checkbox,select,file)
d.value=xxxx;
var s = d.value;
(2)非表单元素:h1...h6,p,div,ul,ol,li
d.innerHTML = xxxx;
var s = d.innerHTML;
3.操作元素属性:
d.setAttribute(名,值)
var s = d.getAttribute(名)
d.removeAttribute(名);
4.操作元素样式:
(1)内联样式:
d.style.backgroundColor = "#FFFF00";
var s = d.style.backgroundColor;
(2)class属性:
d.className=""
5.操作相关元素:
上,下,内,外
var s = "3.14"; var n = parseFloat(s); ; s += 5;
var d = parseInt(s);
isNaN(字符串):判断是否是数字模样的字符串;是-false; 不是-true
运算符:四大类
表达式:
语句:三大类(顺序,分支,循环)
分支:if(){}; if...else...;if...else if...else if ......else;if嵌套
循环:穷举,迭代;四要素(初始条件,循环条件,循环体,状态改变):
数组;var a = new Array()
函数:四要素(名称,输入,返回,加工)
function Show()
{
}
二、DOM操作:树
window对象——浏览器窗口
window.location:地址栏
window.history:访问历史
window.status:状态栏
window.document:重点!
三、document:
1.找
var d = document.getElementById("元素的ID");
var d = document.getElementsByName("元素名称")
var d = document.getElementsByTagName("标签名")
2.操作元素内容:
(1)表单元素:文本(input:type=text,input:type=password;textarea;input:type=hidden)按钮(submit,reset,button image)选择(radio,checkbox,select,file)
d.value=xxxx;
var s = d.value;
(2)非表单元素:h1...h6,p,div,ul,ol,li
d.innerHTML = xxxx;
var s = d.innerHTML;
3.操作元素属性:
d.setAttribute(名,值)
var s = d.getAttribute(名)
d.removeAttribute(名);
4.操作元素样式:
(1)内联样式:
d.style.backgroundColor = "#FFFF00";
var s = d.style.backgroundColor;
(2)class属性:
d.className=""
5.操作相关元素:
上,下,内,外
相关文章推荐
- HTML网页制作:[12]使用框架结构之frameset
- 学习网页设计与制作之HTML文档的基本结构
- 网页制作html的基本解释与操作(四)
- 网页制作之JavaScript部分 2 - DOM操作
- html制作简单框架网页二 实现自己的影音驿站 操作步骤及源文件下载 (可播放mp4、avi、mpg、asx、swf各种文件的视频播放代码)
- HTML网页制作:[12]使用框架结构之frameset
- 网页制作html的基本解释与操作(一)
- HTML网页制作:[12]使用框架结构之frameset
- 网页制作html的基本解释与操作(二)
- 网页制作html的基本解释与操作(三)
- html制作简单框架网页 实现自己的音乐驿站 操作步骤及源文件下载 (播放功能限mp3文件)
- HTML网页制作:[12]使用框架结构之frameset
- 1、网页制作Dreamweaver(界面、基本操作、锚点、表格)
- html dom与javascript的关系 -我们用JavaScript对网页(HTML)进行的所有操作都是通过DOM进行的
- 网页制作:PSD模板切成HTML的正确操作
- ASP网站数据采集程序制作:一个采集入库生成本地文件的几个FUCTION(可用来生成HTML静态网页)
- 发现一个网页幻灯制作的东西HTML Slidy
- 网页制作中注意应用html标签的问题
- [转]用VS2005制作网页对IIS进行操作
- 该文简要描述了DOM概念和内部逻辑结构,给出了DOM文档操作和XML文件互相转换java实现过程。