初識js
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="" />
<meta name="description" content="" />
<title>初識js</title>
</head>
<body>
<!--
js的特點:
js是有Unicode字符集編寫的,完全支持文本,Unicode是ASCII和 Latin-1 超集。
JS注意規(guī)范:
1. js嚴(yán)重區(qū)分大小寫
2. 每句代碼結(jié)束之后使用分號代表結(jié)束。
3. 命名規(guī)范,構(gòu)造函數(shù)首字母大寫,再駝峰,函數(shù)首字母小寫,再駝峰。
-->
<!-- <a href="javascript: void(0);" onclick="alert('別看我是一個a標(biāo)簽!')">我是一個a標(biāo)簽</a> -->
<!-- <script src="first.js"></script> -->
<div class="box">4</div>
<div class="box">3</div>
<div class="box">2</div>
<span id="boxes">1</span>
<ul class="list">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<input id="inp1" type="text" name="user" value="123" />
<input type="text" name="user" />
<script>
/*
獲取節(jié)點元素:
document.getElementById("id名字") 通過id名字獲取 返回單個元素
document.getElementsByClassName("class名字") IE9+ 通過class名字來獲取 返回集合
document.getElementsByTagName("標(biāo)簽名字") 通過標(biāo)簽名字來獲取元素 返回集合
*/
// var list = document.getElementsByClassName("list")[0];
// alert( list.getElementsByTagName("li").length );
// alert(document.getElementsByName("user").length);
// for(var key in document) {
// console.log(key+ "======"+document[key]);
// }
var box = document.getElementById("boxes");
// box.innerHTML = "This is js!<a href=\"http://baidu.com\">跳轉(zhuǎn)百度</a>";
box.innerText += "This is js!<a href=\"http://baidu.com\">跳轉(zhuǎn)百度</a>";
var inp1 = document.getElementById("inp1");
inp1.value += "This is js!";
alert(inp1.value);
</script>
</body>
</html>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。