目录
警告框
alert()
用于确保用户可以得到某些信息
确认框
confirm()
用于验证是否接受用户操作
提示框
prompt()
用于提示用户在进入页面前输入某个值
location.href
返回当前页面的 URL
location.pathname
返回 URL 的路径名
location.assign()
加载新的文档
window.open("https://www.baidu.com");
window.close();
document.getElementById
通过id属性获取对象
document.getElementsByTagName
通过标签名获取对象
document.getElementsByClassName
通过class属性获取对象
document.write()
改变 HTML 输出流
对象.innerHTML=新的 HTML
改变 HTML 内容
对象.attribute=新属性值
改变 HTML 属性
对象.style.property=新样式
通过id属性获取对象
document.getElementById("changePic").style.width="100px";
setInterval()
间隔指定的毫秒数不停地执行指定的代码
clearInterval()
用于停止 setInterval() 方法执行的函数代码
setTimeout()
暂停指定的毫秒数后执行一次指定的代码
clearTimeout()
用于停止执行setTimeout()方法的函数代码
- html>
- <html lang="en">
-
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Documenttitle>
- <style>
- *{
- margin: 0 auto;
- }
- div {
- width : 700px;
- height : 200px;
- background-color : yellow;
- text-align: center;
- font-size: 50px;
- line-height: 200px;
- }
- style>
- head>
-
- <body>
- <div>div>
- <script>
- function time() {
- var willDate = new Date(2022, 9, 1, 0, 0, 0);
-
- var nowDate = new Date();
-
- var day = Math.floor((willDate - nowDate) / (24 * 60 * 60 * 1000));
- var hour = Math.floor(((willDate - nowDate) - day * (24 * 60 * 60 * 1000)) / (60 * 60 * 1000));
- var minute = Math.floor(((willDate - nowDate) - day * (24 * 60 * 60 * 1000) - hour * (60 * 60 * 1000)) / (60 * 1000));
- var second = Math.floor(((willDate - nowDate) - day * (24 * 60 * 60 * 1000) - hour * (60 * 60 * 1000) - minute * (60 * 1000)) / 1000);
-
- var result = document.querySelector('div');
- result.innerHTML = "剩余"+day+"天"+hour+"小时"+minute+"分钟"+second+"秒";
- }
- time();
- var interval = setInterval(time, 1000);
-
-
-
- script>
- body>
-
- html>