日度归档:2020年2月28日

javascript 中 scrollIntoView()方法简介说明


摘要:
下文讲述js中scrollIntoView方法的功能说明,如下所示:


scrollIntoView功能说明

scrollIntoView 是一个页面滚动的API
scrollIntoView 功能:
将指定元素滚动到页面可见区域
scrollIntoView 语法:

element.scrollIntoView()或element.scrollIntoView(true);
页面开始滚动,element元素的顶部和视图的顶部对齐

element.scrollIntoView(false);
页面开始滚动,element元素的底部和视图的底部对齐

HTML DOM body 属性


摘要:
下文讲述html中DOM对象之body属性简介说明,如下所示:


DOM body属性功能

1.DOM body属性用于返回文档的body对象
2.通过赋值的方式设置DOM body对象(会覆盖原body中的信息)


DOM body属性举例

例:
设置body对象的背景色


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>猫猫教程(www.maomao365.com)</title>
</head>
<body>

 
<button onclick="domBodyChange()">修改Body颜色</button>
<script>
function domBodyChange() {
    document.body.style.backgroundColor = "blue;"; 
}
</script>

</body>
</html>
dom body对象举例应用

dom body对象举例应用

HTML DOM baseURI属性简介说明


摘要:
下文讲述html中DOM对象中baseURI属性简介,如下所示:


DOM baseURI属性的功能说明

DOM baseURI属性的功能:
返回当前文档的基础URI

baseURI注意事项:
   除IE浏览器外,市面上其它浏览器都支持baseURI属性
 

DOM anchors 集合举例说明

     
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>猫猫教程(www.maomao365.com)
--DOM baseURI属性举例说明
</title>
</head>
<body>

 <span style="color:red;font-weight:bold;" id="spanInfo">baseURI属性说明</span>
<button onclick="showInfo()">点击显示baseURI</button>
<script>
function showInfo(){
	var x=document.getElementById("spanInfo");
	x.innerHTML="baseURI属性说明:"+document.baseURI;
}
</script>
 
</body>
</html>

js dom baseURI属性应用简介

js dom baseURI属性应用简介