JavaScript（第七章）

Smrsar

已于 2023-02-11 13:48:23 修改

阅读量299

点赞数

分类专栏： # JavaScript Java 文章标签： javascript servlet 前端

于 2022-09-27 14:45:08 首次发布

本文链接：https://blog.csdn.net/weixin_59973239/article/details/127069898

版权

Java 同时被 2 个专栏收录

30 篇文章 1 订阅

订阅专栏

JavaScript

10 篇文章 0 订阅

订阅专栏

一，文档对象模型

一，window对象的常用方法

alert("提示信息") 显示一个带有提示信息和确定按钮的模态对话框

<script type="text/javascript">
alert("hello,javascript")
</script>

confirm("提示信息") 显示一个带有提示信息，“确定”和“取消”按钮的对话框，单击“确定”按钮返回true，单击“取消”按钮返回false。

<script type="text/javascript">
confirm("hello")
</script>

prompt("提示信息"," ") 显示一个带有提示信息和默认值输入对话框，输入的内容作为返回值

<script type="text/javascript">
prompt("hello")
</script>

setInterval("函数","时间") 在指定的时间间隔内，重复调用函数

<script type="text/javascript">
           setInterval(function (){
               alert("asd")
           },3000)//每三秒提示一次
       </script>

clearInterval() 清楚setInterval函数

二，document对象的常用的方法

write("文本信息") 把文本信息输入到当前打开的文档

<script type="text/javascript">
document.write("hello")
</script>

三，location对象的常用的方法

assign("url") 加载URL指定的新的HTML文档

reload() 重新加载当前页面

replace("url") 通过加载URL指定的文档来替换当前文档

<input type="button" name="" id="btn1" value="assign()" />
		<input type="button" name="" id="btn2" value="reload()" />
		<input type="button" name="" id="btn3" value="replace()" />
		<script type="text/javascript">
			console.log(location.host)
			console.log(location.hostname)
			console.log(location.href)
			document.getElementById("btn1").onclick=function(){
				location.assign("http://www.baidu.com")
			}
			document.getElementById("btn2").onclick=function(){
				location.reload()
			}
			document.getElementById("btn3").onclick=function(){
				location.replace("http://www.baidu.com")
			}
		</script>

四，location对象的属性

host 设置或者检索位置或URL的主机名和端口号

hostname 设置或者检索位置或URL的主机名部分

href 设置或者检索完整的URL字符串

<input type="button" name="" id="btn1" value="打开,02.html" />
       <script type="text/javascript">
           document.getElementById("btn1").οnclick=function(){
               location.href="02.html"
           }
       </script>

<body>
       <input type="button" name="" id="btn1" value="back" />
       <input type="button" name="" id="btn2" value="打开,03.html" />
       <input type="button" name="" id="btn3" value="forward" />
       <input type="button" name="" id="btn4" value="go" />
       <script type="text/javascript">
           document.getElementById("btn1").οnclick=function(){
               history.back()
           }
           document.getElementById("btn2").οnclick=function(){
               location.href="03.html"
           }
           document.getElementById("btn3").οnclick=function(){
               history.forward()
           }
           document.getElementById("btn4").οnclick=function(){
               history.go(-1)
           }
       </script>

<input type="button" name="" id="btn1" value="返回,02.html" />
       <script type="text/javascript">
           document.getElementById("btn1").οnclick=function(){
               history.back()
           }
       </script>