17

最新推荐文章于 2024-06-04 14:05:36 发布

你！鸿章

最新推荐文章于 2024-06-04 14:05:36 发布

阅读量165

点赞数 1

本文链接：https://blog.csdn.net/weixin_43024812/article/details/87260818

版权

JavaScript操作BOM对象

windows对象的常用方法

prompt() 显示可提示用户输入的对话框
alert() 显示一个带有提示信息和一个“确定”按钮的警示对话框
confirm() 显示一个带有提示信息、“确定”和“取消”按钮的对话框
close() 关闭浏览器窗口

5.open() 打开一个新的浏览器窗口，加载给定URL所指定的文档

6.setTimeout() 在指定的毫秒数后调用函数或计算表达式

setInterval() 按照指定的周期（以毫秒计）来调用函数或表达式

使用getElementsByName( )方法访问DOM元素

getElementsByName() 方法可返回带有指定名称的对象的集合。
document.getElementsByName(name)

<html>
<head>
<script type="text/javascript">
function getElements()
  {
  var x=document.getElementsByName("myInput");
  alert(x.length);
  }
</script>
</head>
<body>

<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()"
value="How many elements named 'myInput'?" />

</body>
</html>

使用getElementsByTagName( )方法访问DOM元素

getElementsByTagName() 方法可返回带有指定标签名的对象的集合。
document.getElementsByTagName(tagname)

<html>
<head>
<script type="text/javascript">
function getElements()
  {
  var x=document.getElementsByTagName("input");
  alert(x.length);
  }
</script>
</head>
<body>

<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()"
value="How many input elements?" />

</body>
</html>

使用定时函数和Date对象制作时钟特效
myTime.getFullYear(); //获取年

myTime.getMonth(); //获取月(从0开始要+1)

myTime.getDate(); //获取日

myTime.getDay(); //获取星期（0-6的数字，代表星期日到星期六）

myTime.getHours(); //获取时

myTime.getMinutes(); //获取分

myTime.getSeconds(); //获取秒

BOM可实现功能
弹出新的浏览器窗口
移动、关闭浏览器窗口以及调整窗口的大小
页面的前进、后退

window对象的常用属性
history 有关客户访问过的URL的信息
location 有关当前 URL 的信息
window.属性名= “属性值”
window.location=“http://www.bdqn.cn” ;