JavaScript（3）

JavaScript（3）

操作BOM对象

location 代表当前页面的URL信息

document.write(location.href);
chrome-extension://nnnkddnnlpamobajfibfdgfnbcnkgngh/pages/newtab.html

Window 对象

window.document.getElementById("header");
与此相同：
document.getElementById("header");

document()

document.title
"百度一下，你就知道"

document.cookie
"BIDUPSID=B5A33A7723E31891D11081193B8BAD69; PSTM=1575547435; BD_UPN=12314753; sug=3; sugstore=0; ORIGIN=0; bdime=0; BAIDUID=B5A33A7723E31891C98C04C5D2C415D3:SL=0:NR=10:FG=1; BDORZ=FFFB88E999055A3F8A630C64834BD6D0; H_PS_PSSID=; BDRCVFR[BCzcNGRrF63]=mk3SLVN4HKm; delPer=0; BD_HOME=0; BD_CK_SAM=1; PSINO=7; H_PS_645EC=68ebIOGcQ%2F4HK5HwBH8P8L%2FiK8ixVLlPeV17sV9O3KKNDcFLWxrGpER1wrknAgyiyOwPI2U"

Window History

history.back() - 与在浏览器点击后退按钮相同
history.forward() - 与在浏览器中点击向前按钮相同

操作BOM对象()

• 更新DOM节点

 <h1>first</h1>
 <p id="p1">p1</p>
 <p class="p2">p2</p> 

 <script>
    var h1 = document.getElementsByTagName("h1");
    var p1 = document.getElementById("p1");
    var p2 = document.getElementsByClassName("p2");
    document.getElementById("p1").innerHTML="新文本!";
 </script>

• 遍历DOM节点

• 删除DOM节点

<div id="father">
   <h1>first</h1>
   <p id="p1">p1</p>
   <p class="p2">p2</p>
</div>

var father = document.getElementById("father");
father.removeChild(p1)

• 添加DOM节点

  获得了DOM节点，假设dom节点是空的，我们可以通过innerHTML来增加一个元素，但是此DOM节点已经存在元素，我们就不能够这样做！

操作表单

1.用document.getElementById("id名").value来获取

2.通过form表单中的id名或者name名来获取


是否选中:
<input type="checkbox" name="box">
    
var check = document.getElementsByTagName('input')[0];
console.log(check.checked);//false    

MD5 加密

<!-- MD5工具类 -->
<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.min.js"></script>

用户名：<input type="text" name="username" id="username" />
密码：<input type="password" name="password" id="password" />
<button type="submit" onclick="submit()" >提交</button>

<script>
    function submit() {
        var username = document.getElementById("username");
        var password = document.getElementById("password");
        console.log(username.value);
        //MD5 加密算法
        password.value = md5(password.value);
        console.log(password.value)
    }
</script>

JavaScript（3）

原文：https://www.cnblogs.com/gyhbk/p/12330853.html