《javascript从入门到精通》第二篇 javascript核心技术

第九章 事件处理

javascript是基于对象的语言，它的一个最基本的特征是采用事件驱动(event-driven)，通常鼠标或热键的动作称之为事件(event)，有鼠标或热键引发的一连串程序动作称之为事件驱动(event driven)，对事件进行处理的程序与函数称之为事件处理程序(event handler)。

第十章 处理文档（document对象）

10.3.1 改变链接文字的颜色

	
	


	xxx
	

10.3.2 改变文档文字颜色与背景色

背景自动变色

10.3.7在文档中输出数据

document.write(text);

document.writeln(text);   

writeln()与write()不同之处是：writeln有换行符，换行符只有在

中才生效

10.3.8 打开新窗口并输出内容

10.3.9 动态创建一个html标记

sElement=document.createElement(sName)

10.3.10获取文本框并修改其内容

sElement=document.getElementById(id)

第十一章 文档对象模型（DOM对象）

 11.1.1DOM分层

根节点，父节点，子节点，兄弟节点，后代，叶子结点，元素节点，文本节点，属性节点，

11.2.1访问指定节点

三号标题
加粗内容

11.2.2 遍历文档树

三号标题
加粗内容

节点名称：

节点类型：

节点的值：

11.3节点

1，创建新节点

obj.appendChild(newChild)  ：将新的子节点添加到当前节点的末尾

2，创建多个节点1

3，创建多个节点2

使用appendchild方法，每添加新的节点都会刷新界面，可以使用createDocumentFragment()方法来解决，该方法用来创建文件碎片节点

11.3.2插入节点

	
在上面插入节点
	

	输入文本：
	
	

11.3.3复制节点

obj.cloneNode(deep)

deep参数是一个boolean值，true表示深度复制，复制其子节点，false表示简单复制，只复制当前节点，不复制子节点。

   
   
   
   
   
   
   
   
	

       
     请选择性别   
     男   
     女   
     
	

    
 
 
   
   
  

11.3.4删除与替换节点

删除节点：

obj.removeChild(oldChild)

删除和替换节点
	

		
第一行文本
		
第二行文本
		
第三行文本
	

		

replaceChild()替换节点

obj.replaceChild(new,old)

可以替换文本内容


输入标记：

输入文本：

11.4获取文档中的指定元素

 通过元素的id属性获取元素

document.getElementById("userId");

通过元素的name获取元素

document.ElementByName()

12 windows窗口对象

12.2.1警告对话框

window.alert(str);

12.2.2询问回答对话框

window.confirm(question)

用户单击确定返回true，反击取消返回false

12.2.3提示对话框

window.prompt(str1,str2)

弹出提示框，提示框中有一个文本框。

12.3.1打开窗口

window.open("new.html","new");

12.3.2关闭窗口

window.close()

close()

this.close()

关闭子窗口时并刷新父窗口

xxx.html

	
		
			xxxx
		
	

new.htm

第十三章 级联样式表

13.2应用css来控制页面文字样式

   
			
   	 文字1
   
   

   	  正文内容1	  
   
    

   	 文字2
   
   

   	  正文内容2
   
    

   	 文字3
   
   

   	  正文内容3
   

13.5 style对象

每个html对象都有一个style属性，可以使用这个属性来访问css样式属性

改变选中行的背景色

  

    
 
    
商品
    
价格（元）
  
  

    
A商场
    
S商品
    
100
  
  

    
B商场
    
S商品
    
80
  

背景固定居中

在页面背景中添加一张图片，如果图片过小，会在页面中重复显示图片，此处将页面背景固定居中，移动滚动条时，背景图片始终居中。

13.6.css选择器

13.6.1 标记选择器

13.6.2类别选择器

   
			
   	 应用了选择器one
   
   

   	  正文内容1	  
   
    

   	 应用了选择器two
   
   

   	  正文内容2
   
    

   	 应用了选择器three
   
   

   	  正文内容3
   

在HTML标记中，可以同时使用多个类别选择器

   
			
   	 应用了两种CSS样式
   
  

13.6.3 id选择器

HTML界面中不能包含两个相同的id标记，定义的id选择器只能被使用一次。

	
ID选择器
	
    
ID选择器2
    
ID选择器3

13.6.4 通用选择器

*{
	font-size:8px;
}

13.7 在页面中包含css

			
    

      
行内样式一
	
     
    

      
行内样式二
		
    
    

      
行内样三
    
    

      
行内样式四
    

13.7.2 内嵌样式表

 	
文字1
    
文字2
    
文字3

13.7.3  链接式样式表

将css样式定义在一个单独的文件中，然后在HTML页面中通过标记引用。

创建css.css样式表

h1,h2,h3{
	color:#00ff00;
}
p{
	color:#ff0000;
	font-weight:200;
}

index.html

		


	
页面文字一
		
    
页面文字二

13.8 css的继承

将所有的HTML标记看做一个容器，定义在父容器上的css样式会自动加载到子级容器中。

第十四章 表单和表单元素

14.2  表单标记

在标记中，可以设置表单的基本属性，包括表单的名称，处理程序，传输方式。表单的处理程序action和提交方式method是必不可少的。

14.2.1  处理程序action属性

.......

url:表单提交的地址，可以是绝对地址，也可以是相对地址，也可以是其他地址如E-mail等。

14.2.2 表单名称name属性

name给表单命名，不是必须属性，为了后台处理程序不出现混乱，所以给表单合适的命名。

.....

14.2.3 提交方法method属性

method属性用来定义处理程序从表单中获取信息的方式，可取值为get或post，它决定了表单中收集到的数据用什么方式提交到服务器上。

....
 method:get   

使用这种方法提交表单，表单数据会被视为CGI或ASP的参数发送，来访者输入的数据会附加在URL之后，由用户端直接发送至服务器，优点是速度比post快，缺点是数据长度不能太长，没有指定method时，默认为get。

method:post  使用这种设置，表单数据与URL是分开的发送的，用户端的计算机会通知服务器来读取数据，所以通常没鞋油数据长度的限制，缺点是速度会比get慢。

14.2.4 编码方式enctype属性

14.2.5 目标显示方式target属性

14.3 输入标记

type:控件类型，text，文字域；password，密码域；radio，单选按钮；checkbox，复选框；button，普通按键；submit，提交按钮；reset，重置按钮；image，图像域；hidden，隐藏域；file，文件域；

14.5 菜单和列表标记

14.7 在javascript中访问表单

	  
		
用户名：
		

密码：