JavaScript知識點總結（三）-有解無憂

檔案物件模型

document物件常用屬性

document.bgColor：頁面背景顏色
document.fgColor：文本的前景顏色
document.title：頁面標題

<body>
	
	<h1>物件常用屬性</h1>
	<script type="text/javascript">
		document.title="物件常用屬性";
		document.bgColor="blue";
		document.fgColor="white";
	</script>
	
	</body>

document物件查找HTML元素

document.getElementById()：根據id查找指定的html頁面元素
document.getElementsByTagName()：所有指定標簽名的html頁面元素
document.getElementsByName()：所有指定name的html頁面元素
document.getElementsByClassName()：根據類名查找指定的html頁面元素

<body>
	
	<h1 id="top">物件常用屬性</h1>
	<script type="text/javascript">
		var x=document.getElementById("top");
		document.write(x.innerText)
	</script>
	
	</body>

document物件改變HTML

document.getElementById().innerHTML=新元素
document.getElementById().innerText=新內容
document.getElementById().style.property=新樣式
document.getElementById().attributes=新屬性

<body>
	<div id="top">
		<h1></h1>
	</div>
	<input type="button"  value="請輸入新內容" onclick="aa()" />
	<script type="text/javascript">
		function aa(){
			var obj=document.getElementById("top").innerText="我是新內容"
				}
	</script>	
	</body>

DOM節點操作

document.getElementById().parentNode：當前節點的父節點
document.getElementById().childNodes：當前節點的所有節點
document.getElementById().firstChild：當前節點的第一個節點
document.getElementById().lastChild：當前節點的最后一個節點
document.getElementById().previousSibling：當前節點的前一個兄弟節點
document.getElementById().nextSibling：當前節點的后一個兄弟節點
document.createElement()：添加新節點
document.appendChild()：移動節點
document.removeChild()：洗掉節點

Data物件

var a=new Date()：當前事件
a.getDate()：一個月中的某一天
a.getDay()：一周中的每一天
a.getFullYear()：以四位數回傳年份
a.getHours()：回傳小時
a.getMilliseconds()：回傳毫秒
a.getMinutes()：回傳分鐘
a.getMonth()：回傳月份
a.getSeconds()：分會秒數
a.getTime()：回傳1970.1.1到現在的毫秒數

Math物件

Math. abs(number)：回傳number的絕對值
Math.ceil(number)：對number向上取整，如Math.ceil(67.6)回傳值是68
Math.floor(number)：對number向下取整，如Math.floor (67.6)回傳值是67
Math.max(number1 ,number2)：回傳number1與number2中的較大值
Math.min(number1 ,number2)：回傳number1與number2中的較小值
Math.pow(x,y)：回傳x的y次冪
Math.random()：回傳0和1之間的偽亂數，可能為0，但總是小于1，[0,1)
Math.roundd(number)：回傳最接近number的整數
Math.sqrt(number)：number的平方根

String物件
在這里插入圖片描述
創建陣列方法

var arr=[1,2,3,“happy”];
var arr=new Array();陣列初始元素為0
var arr=new Array(4);陣列初始元素為4
var arr=new Array(1,2,3);用指定元素去初始化陣列

創建物件

var 物件名=new 類名（實參1，實參2，實參n）

定義類

function 類名（引數1，引數2...）{
	this.屬性=引數1；
	this.屬性=引數2；
	...
	this.方法名=function（）{
		//方法體
	}
}

物件常用陳述句

with：對某物件屬性回圈，可簡寫代碼
for…in：對某物件所有屬性回圈，將屬性名逐一賦值給臨時變數，無需事先知道物件屬性個數

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/244688.html

標籤：其他

上一篇：vue this.$nextTick核心原理剖析超詳細，認真看你一定看的懂

下一篇：[js] 寫一個格式化時間的方法