JS - JavaScript和DOM操作

Posted 宋小尧

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS - JavaScript和DOM操作相关的知识,希望对你有一定的参考价值。

1、html元素标记 - 超文本标记语言
决定你网页中有哪些东西

2、CSS - 样式表
决定你网页中的这些元素标记的样式和布局

3、JS - javascript
决定你网页中的这些元素标记的功能和特效

 

3.1、onclick:单机
ondblclick:双击


function 执行函数

alert 显示框只有确定

confirm 显示框有确定和取消

prompt 显示框下面填写内容

var 万能变量


<body>

<a onclick="a()"></a>
<script tipy="text/javascript">

function a()
{
alert("");
confirm("");
}


</body>


————————————————————————————————————————————

DOM操作:文档对象模型


一、window对象
1、window.open("链接地址","打开位置","新窗口属性")
2、window.close();
3、window.opener;打开它的网页
4、window.resizeTo(长度,宽度);
5、wondow.moveTo(x,y);
6、wondow.scrollTo(x,y);


二、window.history对象
window.history.go(n);正数,前进多少页,负数,后退多少页;
window.history.back();后退一页
window.history.forward();前进一页

三、window.location对象:
window.location.href:获取页面地址

四.window.status对象


五.window.document对象
var 变量 = document.getElementById(id);
var 变量 = document.getElementsByClassNaame(class);
var 变量 = document.getElementsByName(name);
var 变量 = document.getElementsByTagName(标签名);
变量.innerHTML="内容";

--------------------------------------------------------
操作非表单元素的内容:
innerHTML = ""; - 拼标记,会把标记改成相应的效果;
innerText = ""; - 不管有什么内容标记,全部写出来;

单独拿出来用的话,就是获取元素中的文本内容
innerHTML - 会把里面所有内用取出来
innerText - 会把里面所有的内容去除标记取出来

以上是关于JS - JavaScript和DOM操作的主要内容,如果未能解决你的问题,请参考以下文章

Js操作DOM及获取浏览器高度以及宽度

Js之浅谈dom操作

JS DOM元素

为啥说JavaScript中的DOM操作很慢

js基础和dom操作

javascript操作DOM节点