function r()
{
var red=Math.ceil(Math.random()*255);
var green=Math.ceil(Math.random()*255);
var blue=Math.ceil(Math.random()*255);
var color="#"+red.toString(16)+green.toString(16)+blue.toString(16);
document.getElementById("aa").style.backgroundColor=color;
}css
這段代碼能夠隨機變化id爲aa的對象的背景顏色html
我發現js實際上是經過數學邏輯來改變css裏面的屬性來實現動態的效果,或者經過運算函數來改變html裏面的標籤來實現文字等信息的判斷例如郵箱的驗證數組
<script>
function r()
{
var j=document.getElementById("aa");
var k=j.innerText;
document.write(k.indexOf("變")+"</br>");
document.write(k.indexOf("色")+"</br>");
document.write(k.indexOf("狼")+"</br>");
}
</script>
</head>
<body>
<div id='aa'> 變色</div>
<input type="button" value="變色" onclick="r()"/>
這段代碼輸出的是dom
0
1由於數組的第一個位置是0第二個位置是1
-1說明沒有這個字符這就是郵箱檢索的基本原理
函數