JS的常見瀏覽器對象模型BOM操作

來源:鄭州建網站  發布時間:2020-04-22  154 次瀏覽

瀏覽器相關信息

// 瀏覽器信息
navigator.userAgent // Mozilla/5.0 AppleWebKit/537.36 Chrome/54.0.2840.71 Safari/537.36
// 運行瀏覽器的操作系統平臺
navigator.platform // MacIntel

瀏覽記錄歷史

// 前進
history.forward()
// 后退
history.back()

url 信息 :頁面跳轉

// 當前頁面會記入瀏覽記錄歷史
location.href = 'http://www.baidu.com'
// 當前頁面不會記入瀏覽記錄歷史
location.replace('http://www.baidu.com')
頁面重新加載
location.reload()
獲得當前 url 的信息
// 假設當前 url 是 http://192.168.31.194:8000/jquery/index.html?a=3&c=aa#b

location.href // 完整的url
location.hostname // 192.168.31.194
location.host // 192.168.31.194:8000
location.port // 8000
location.protocol // http:
location.search // ?a=3&c=aa
location.hash // #b
location.pathname // /jquery/index.html

全局對象 : 信息彈出框

alert('你很帥!')
確認彈出框
var isReady = confirm('準備好來嗎?')
if (isReady) {
  
} else {
  
}

輸入信息彈出框

var name = prompt('請輸入你的名字')
console.log(name)
打開一個新窗口
open('http://baidu.com')
// 改變某個窗口的 url
open('http://baidu.com', 'a')
open('http://youku.com', 'a') // 上面窗口的地址會從 百度 變成 優酷的
過段時間后執行
// 1 秒后執行
setTimeout(function() {
  // doSth
}, 1000)

每隔一段時間執行

var i = 1
// 每隔 1 秒后執行
var runId = setInterval(function(){
  console.log(i++)
  if(i >= 10) {
    clearInterval(runId) // 停止執行
  }
}, 1000)

屏幕每次刷新時執行

一般是渲染一些 UI。
var targetEl = document.querySelector('.tar')
var res
var isStop
var runId = requestAnimationFrame(function(){
  targetEl.text(res)
  if(isStop) {
    cancelAnimationFrame(runId)
  }
})

在控制臺輸出信息
console.log('日志信息')
console.warn('警告信息')
console.info('普通信息')
console.error('錯誤信息')

console.log('1+2 = %d', 3)
var person = {name: 'Joel', gender: '男'}
console.log('名字:%s,性別:%s', person.name, person.gender)


上一篇: 什么是VUE,以及VUE的優勢有哪些?

下一篇: 在建網站時CSS樣式表的常見使用方法

最新信息
推薦信息
  1. 網頁如何屏蔽常用功能快捷鍵?
  2. 鄭州哪里有便宜的網站存放空間或虛擬主機?
  3. 自己能搭建個人網站嗎,網站建設難不難?
  4. 鄭州SEO優化公司排名首頁案例:鄭州建網站
建企業網站
建企業網站


大满贯麻将游戏单机版 11选5每天盈利2000 尽享网28幸运预测 好彩1数字 股票趋势与技术分析 广西快乐十分外围技巧 北京11选五5开奖历史查询 双人急速赛车 北京福彩快3开奖数据 三分时时彩苏宁胆计划 安徽快3开奖号码查询