本帖最后由 huojiachao 于 2019-2-21 16:28 编辑
第十天注意的一些点
1. 绑定onclick事件的两种方式:
例如:<body>
<img src="img/off.gif" id="logif">
<img src="img/off.gif" id="logif2">
<script>
//获取对象并绑定
var logif = document.getElementById("logif");
var logif2 = document.getElementById("logif2");
logif.onclick = function () {
alert("点我");
alert("再点我");
alert("继续点我");
alert("不要停的点我");
alert("点我");
}
function fun() {
alert("为啥点我比较少");
}
logif2.onclick = fun;//这里就是固定的格式,不需要加括号
</script>
</body>
2. window对象中的打开新窗口和关闭新窗口:如果不定义一个变量,关闭的就是一个原来的窗口
例如:<script>
//获取对象
var bt1 = document.getElementById("openbtn");
var bt2 = document.getElementById("closebtn");
//打开新窗口
var newindow;//这儿定义一个变量就是时关闭刚打开的窗口,如果这没有定义,下面直接close()就关闭之前的页面
bt1.onclick = function () {
newindow = open("https://www.baidu.com");
}
//关闭打开的新窗口
bt2.onclick = function () {
newindow.close();
}
</script>
3.在做轮播图的时候需要注意的是调用的方法是:循环定时器
var id = setInterval(fun,2000);这个就是间隔为2s
如果想停下里在调用clearInterval(取消由 setInterval() 设置的 timeout。
4.Location：地址栏对象
1. 创建(获取)：
1. window.location
2. location
2. 方法：
* reload() 重新加载当前文档。刷新
3. 属性
* href 设置或返回完整的 URL。
5 Document：文档对象
1. 创建(获取)：在html dom模型中可以使用window对象来获取
1. window.document
2. document
2. 方法：
1. 获取Element对象：
1. getElementById() ： 根据id属性值获取元素对象。id属性值一般唯一,返回对拥有指定 id 的第一个对象的引用。
2. getElementsByTagName()：根据元素名称获取元素对象们。返回值是一个数组 标签
3. getElementsByClassName():根据Class属性值获取元素对象们。返回值是一个数组 标签里的clss名
4. getElementsByName(): 根据name属性值获取元素对象们。返回值是一个数组 标签里的name名
2. 创建其他DOM对象：
createAttribute(name)
createComment()
createElement()
createTextNode()
6 删除表格中一行的内容的方法
function delTr(obj){
var table = obj.parentNode.parentNode.parentNode;//获取table
var tr = obj.parentNode.parentNode;//获取tr
table.removeChild(tr);
}
7.<a href = "javascript:void(0)>
"javascript:void(0)保持点击功能但不刷新页面
8, div标签中替换一个文本框
//div1.innerHTML = "<input type='text'>"
//div标签中追加加一个文本框
div1.innerHTML += "<input type='text'>";
|
|
收藏
淘帖
踩
