目录
1.Json对象
JSON对象定义格式如下：
{
"key":value,
"key":value,
"key":value
}
<script>
//自定义对象
var user = {
"name": "Meimei",
"age": 18,
"gender": "女",
sing: function(){
console.log("我爱唱歌");
}
}
console.log(user.name);
user.sing();
<script>2.json对象和json 字符串之间的转换
2.1json字符串->json对象
<script> var obj = JSON.parse(userStr); alert(obj.name); </script>2.2JS对象 -> JSON字符串
<script> alert(JSON.stringify(obj)); </script>
3.BOM对象
3.1 window对象(浏览器窗口对象)
3,1,1. location属性
<script> //获取浏览器地址栏信息 alert(location.href); //设置浏览器地址栏信息 location.href = "https://www.itcast.cn"; </script>
3.1.2 常用函数
- alert() 函数 显示带有一段消息和一个确认按钮的警告框。
<script> //window对象是全局对象，window对象的属性和方法在调用时可以省略window. window.alert("Hello BOM"); </script>- comfirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
<script> var flag = confirm("您确认删除该记录吗?"); alert(flag); </script>- setInterval() 按照指定的周期（以毫秒计）来调用函数或计算表达式。
<script> var i = 0; setInterval(()=>{ i++; console.log("定时器执行了"+i+"次"); },1000); </script>- setTimeout() 在指定的毫秒数后调用函数或计算表达式。
<script> setTimeout(function(){ console.log("我只执行一次"); },1000) </script>
3.2Location(地址栏对象)
<script>
//获取浏览器地址栏信息
alert(location.href);
//设置浏览器地址栏信息
location.href = "https://www.itcast.cn";
</script>4.DOM对象
标签：对象,JavaScript,window,alert,json,location,地址栏 From： https://blog.csdn.net/m0_68319667/article/details/141940871可以通过如下两种方式来获取DOM元素。
1. 根据CSS选择器来获取DOM元素，获取到匹配到的第一个元素：
document.querySelector('CSS选择器');`
2. 根据CSS选择器来获取DOM元素，获取匹配到的所有元素：`document.querySelectorAll('CSS选择器');`具体实例
<body> <input type="button" id="btn1" value="点我一下试试1"> <input type="button" id="btn2" value="点我一下试试2"> <script> let btn1=document.querySelector('#btn1'); btn1.addEventListener("click",()=>{ alert("试试就试试，谁怕谁"); btn1.value="被点了一次"; }) let btn2=document.querySelector('#btn2'); btn2.onclick=function(){ alert("2被点了一次"); btn2.value="被点了一次"; } </script> </body>