javascript(js)基础之dom学习

dom学习

<img id=‘xx‘.. onclick=‘aa()‘>

functon aa(){

xx1=document.getElementById("xx")

//下面对xx1进行操作

}

bom介绍:浏览器对象模型

因为浏览器企业太多，w3c定义了一个做浏览器的规范

规定

-----------

dom介绍/学习:文档对象模型

dom树

例子

<script language="JavaScript">        function text(){        var res=window.confirm(‘需要不?‘);        if(res){           alert(‘删除‘)        }else{            alert(‘无法删除‘)        }        }    </script></head><body><input type="button" value="测试" onclick="text()">设置/取消定时器
setInterval():根据的时间，进行循环执行某个函数或者表达式
function H(){    alert(‘aa‘)}setInterval(‘H()‘,1000)
<script language="JavaScript">        function H(){            //元素间通过.innerText来查询            var a=new Date()            document.getElementById(‘time‘).innerText=‘今天是:‘+ a.getFullYear()+‘-‘+eval(a.getMonth()+1)+‘-‘+ a.getDate()+‘  ‘+ a.getHours() +‘:‘+ a.getMinutes()+ ‘:‘+a.getSeconds()        }        setInterval(‘H()‘,1000)    </script></head><body><input type="button" value="测试" onclick="text()"><span id="time"></span>让静态图片移动var n=1;var count=0;function Move(){count++;if(count==11){　　　　//停止定时器　　　　clearInterval(item);
　　　　}　　move=document.getElementById(‘move‘)move.src=((n++%8)+1)+‘.png‘
}var item=setInterval(‘Move()‘,10) <img src=‘xx1.png‘id=‘move‘>
clearInterval()取消setInterval(）设置


setTimeout()指定在毫秒之后调用函数或者表达式（但是只调用一次）

				


				
时间： 2024-10-19 18:29:55 

		


		


	

	
	

		


		
javascript(js)基础之dom学习的相关文章


								

		

			

                javascript(js)基础 dom基础（js语法）未来会删除此博客
			

		

		

									

				<script> //文档中第三个图像:document.images[2] //文档中名为'aa'的表单:document.form['aa'] //层只有唯一 的id:document.layers[id] //微软的层id:docment.all[id] //如果想找到id的left位置并把它赋值给变量bs,在其他浏览器中是这样操作的:document.layers[id].left; //统一标准的dom是这样的:bs=document.getElementByid(id).style			

		

	

				

		

			

                JS基础与DOM操作（一）
			

		

		

									

				1.HTML元素标记 - 超文本标记语言 决定你网页中有哪些东西 alert("")警告对话框,作用是弹出一个警告对话框 confirm("")确定对话框,作用是弹出一个可供选择的确定对话框, 点击确定之后,它返回true,点击取消返回flase,可用变量来接收. prompt("")作用是弹出一个可以输入内容的对话框. 2.CSS - 样式表 决定你网页中的这些元素标记的样式和布局 3.JS - JavaScript 决定你网页中的这些元素标记			

		

	

				

		

			

                js基础和dom操作
			

		

		

									

				1.HTML元素标记 - 超文本标记语言 决定你网页中有哪些东西 2.CSS - 样式表 决定你网页中的这些元素标记的样式和布局用:<style type="text/css"></style> 3.JS - JavaScript 决定你网页中的这些元素标记的功能和特效.只要放在HTML里就可以.用:<script type="text/javascript"><script> alert() 弹出警告对话框 :con			

		

	

				

		

			

                javascript(js)基础3:.js面向对象三大特征(封装、继承、多态) and 内部类.js系统函数
			

		

		

									

				封装<script language="JavaScript"> function Person(name,age,sal){ this.name=name;//公开属性 this.age=age; this.sal=sal; sal=sal;//私有属性 //如何定义公开方法(特权方法)和私有方法 //如果我们希望操作私有的属性,则使用公开方法 this.show=function(){ window.alert(age+sal) } //私有方法,可以访问对象的属性(只			

		

	

				

		

			

                js基础，DOM 文档对象模型
			

		

		

									

				DOM 文档对象模型 DOM (document object model) 文档对象模型,它定义了操作文档对象的接口. DOM 把一份html文档表示为一棵家谱树,使用parent(父), child(子), sibling(兄弟)等记号 来表明家庭成员之间的关系. 一.节点 节点(node) 一词来自于网络理论,这代表着网络中一个个的连接点,网络是由节点构成的. 对于html文档也是一样,文档是由节点构成的集合. 1.元素节点 元素节点如 <body> <p> <div&			

		

	

				

		

			

                js基础之DOM中document对象的常用属性方法
			

		

		

									

				-----引入 每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问. 属性 1  document.anchors  返回对文档中所有 Anchor 对象的引用.还有document.links/document.forms/document.images等 2  document.URL       返回当前文档的url 3  document.title       返回当前文档的标题 方法 1 			

		

	

				

		

			

                关于js基础 关于DOM
			

		

		

									

				最近忙里偷闲,准备记点东西给自己,准备以后看看吧, 1.首先是dom节点 这段代码创建新的 <p> 元素: var para=document.createElement("p"); 如需向 <p> 元素添加文本,您必须首先创建文本节点.这段代码创建了一个文本节点: var node=document.createTextNode("这是新段落."); 然后您必须向 <p> 元素追加这个文本节点: para.appendChild			

		

	

				

		

			

                javascript(js)基础
			

		

		

									

				<script> /*function text(){ alert('hello') } var time=setTimeout('text()',3000) clearTimeout(time)//取消*/ function text2(){ //moveBy(100,100);//相对电脑屏幕的左上角 //moveTo(100,100);//相对于当前窗口的左上角 //resizeTo(200,400);把窗口调整x,y //resizeBy(700,400);把窗口增加到x,y //op			

		

	

				

		

			

                js基础篇(dom操作，字符串，this等)
			

		

		

									

				首先我们来看这样一道题 <div id='foo' class='aa bb cc'></div>写出如何判断此div中是否含有aa(注:aa成立,aaa不成立) 首先,我们一定是取出class里面的这个字符串,然后我们想办法判断出这个字符串里面是否存在aa,并且只有aa. 我给大家提供了三种方法,第一种利用getAttribute方法,第二种利用getElementByClassName,第三种就是正则匹配了. 代码如下: /* ***用getAttribute方法实现 */ v