首页 > 编程语言 > 详细

JavaScript(3)

时间:2020-02-19 13:40:50      阅读:79      评论:0      收藏:0      [点我收藏+]

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!