做网站个网站要多少钱,wordpress收费插件,网站建设公司新员工培训ppt模板,仿淘宝网站制作文章目录 前言代码演示及解释使用location.href属性使用location.assign()方法使用location.replace()方法使用window.open()方法使用document.URL方法 总结 前言 本章学习的是JavaScript中的跳转页面的几种方法 代码演示及解释
使用location.href属性
可以直接将一个新的URL… 文章目录 前言代码演示及解释使用location.href属性使用location.assign()方法使用location.replace()方法使用window.open()方法使用document.URL方法 总结 前言 本章学习的是JavaScript中的跳转页面的几种方法 代码演示及解释
使用location.href属性
可以直接将一个新的URL赋值给location.href属性即可实现页面跳转
代码演示
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/titlescriptfunction fun4(){location.hrefdjh.html;}/script
/head
body
input typebutton value去往新页面 onclickfun4()
/body
/html运行结果
点击前 点击后
使用location.assign()方法
与location.href类似也可以将一个新的URL作为参数传递给location.assign()方法实现页面跳转
代码演示
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/titlescriptfunction fun4(){location.assign(djh.html);}/script
/head
body
input typebutton value去往新页面 onclickfun4()
/body
/html运行结果
点击前 点击后
使用location.replace()方法
与location.assign()方法类似但不会在浏览器的历史记录中留下当前页面的记录实现页面跳转
代码演示
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/titlescriptfunction fun4(){location.replace(djh.html);}/script
/head
body
input typebutton value去往新页面 onclickfun4()
/body
/html运行结果
点击前 点击后
使用window.open()方法
可以在新的浏览器窗口或标签页中打开一个URL实现页面跳转
代码演示
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/titlescriptfunction fun4(){window.open(djh.html,点击后,titlebar0,locationno);}/script
/head
body
input typebutton value去往新页面 onclickfun4()
/body
/html运行结果
点击前 点击后
使用document.URL方法
可以将一个新的URL作为参数传递给document.URLurl’方法实现页面跳转
代码演示
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/titlescriptfunction fun4(){document.URLdjh.html}/script
/head
body
input typebutton value去往新页面 onclickfun4()
/body
/html运行结果
点击前 点击后
总结
关键单词作用assign(url)加载一个新的URL并在浏览器历史记录中生成新的记录。replace(url)加载一个新的URL并替换当前的历史记录。href可以直接将一个新的URL赋值给location.href属性即可实现页面跳转open()可以在新的浏览器窗口或标签页中打开一个URL实现页面跳转URL可以直接将一个新的URL赋值给 document.URL‘url’ 的方法即可实现页面跳转