一分钟复习-JavaScript基础语法(7)

web浏览器中的JavaScript

四种在浏览器中使用JavaScript的方法。

// 1
// 内联，放置在<script>和</script>标签对之间
<script>
function displayTime(){
    alert('hello world')
}
window.onload = displayTime
</script>

// 2
// 放置在由<script>标签的src属性指定的外部文件中
<script src="../../script/util.js"></script>

// 3
// 放置在HTML事件处理程序中，该事件处理程序由onclick或onmouseover这样的HTML属性值指定
<div onclick="alert('hello world')"></div>

// 4
// 放在一个URL里，这个URL使用特殊的“javascript:”协议
<a href="javascript:void(0)"></a>

window对象

setTimeout()，指定时间后重复一次，会返回一个值，可以使用使用这个值调用clearTimeout()函数取消setTimeout的执行。setInterval()，指定时间循环重复，会返回一个值，可以使用使用这个值调用clearInterval()函数取消setInterval的执行。

var index = setTimeout(function(){
    alert('Hello World')
}，1000)
clearTimeout(index)

function getStr(){
    alert('Hello World')
}
var index = setInterval(add,500)
clearInterval(index)

Window对象的Location属性引用的是location对象，它表示该窗口中当前显示的文档的URL，并定义了方法来使窗口载入新的文档。

// https://www.baidu.com/s?wd=adw&rsv_spt=1&rsv_iqid=0x80244dd8000464c9&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&tn=baiduhome_pg&rsv_enter=1&rsv_dl=tb&rsv_sug3=4&rsv_sug1=2&rsv_sug7=100&rsv_sug2=0&rsv_btype=i&prefixsug=adw&rsp=6&inputT=173161&rsv_sug4=173162
// Location对象属性
// hash: ""
// host: "www.baidu.com"
// hostname: "www.baidu.com"
// href: "https://www.baidu.com/s?wd=adw&rsv_spt=1&rsv_iqid=0x80244dd8000464c9&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&tn=baiduhome_pg&rsv_enter=1&rsv_dl=tb&rsv_sug3=4&rsv_sug1=2&rsv_sug7=100&rsv_sug2=0&rsv_btype=i&prefixsug=adw&rsp=6&inputT=173161&rsv_sug4=173162"
// origin: "https://www.baidu.com"
// pathname: "/s"
// port: ""
// protocol: "https:"
// search: "?wd=adw&rsv_spt=1&rsv_iqid=0x80244dd8000464c9&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&tn=baiduhome_pg&rsv_enter=1&rsv_dl=tb&rsv_sug3=4&rsv_sug1=2&rsv_sug7=100&rsv_sug2=0&rsv_btype=i&prefixsug=adw&rsp=6&inputT=173161&rsv_sug4=173162"

// assign()方法加载一个新的文档。
window.location.assign('https://www.baidu.com')
// reload()实现页面刷新
window.location.reload()
// replace()方法可用一个新文档取代当前文档。
window.location.replace('https://www.baidu.com')

Window对象的history属性引用的是该窗口的History对象。History对象是用来把窗口的浏览历史用文档和文档状态列表的形式表示。

window.history.length   // 表示查看过的页面数量
window.history.go()     // 正数向前n个页面，负数表示返回n个页面。可以使用具体url加载历史列表中的某个具体的页面
window.history.back     // 后退
window.history.forward  // 前进

Window对象的navigator属性引用的是包含浏览器厂商和版本信息的Navigator对象。appName表示名称，appVersion表示版本号，geolocation表示地理信息，platform表示系统平台，userAgent表示浏览器在它的userAgent的http头部中发送的字符串。

Window对象的screen属性引用的是Screen对象。他提供有关窗口显示的大小和可用的颜色数量的信息。height表示浏览器高度，width表示浏览器宽度。

alert()、confirm()、prompt()、showModalDialog()方法都能产生一个对话框。alert显示一个简单的文本。confirm除了显示文本还支持确定取消，返回一个布尔值。prompt会等待输入文本，返回文本。

alert('hello world')

var a = confirm('hello world')
if(a==true){console.log(1)}else{console.log(0)}

console.log(prompt())

Window对象的onerror属性是一个事件处理程序，当未捕获的异常传播到调用栈上时就会调用它，并把错误消息输出到浏览器的JavaScript控制台上。如果给这个属性赋一个函数，那么只要这个窗口中发生了JavaScript错误，就会调用该函数，即它成了窗口的错误程序。

window.onerror = function(msg, url, line){
    alert(msg)
    alert(url)
    return true
}

window.open方法支持打开新窗口，格式window.open(URL,name,specs,replace)。参数都可选，第一个是url，第二个是名称，可以选择模式，第三个是一个逗号分隔的项目列表，第四个是浏览历史模式。窗口与窗口之间存在parent、top的相互调用关系。

window.open("https://www.baidu.com");