JS与DOM总结

129 阅读1分钟

1、如何获取元素

document.getElementById(‘’);通过ID获取元素。
getElementsByTagName(‘’);通过标签获取元素。
getElementsByName 通过name来获取元素。

    // 

2、关于滚动距离

scrollTo(X,Y) 页面滚动到指定的位置
scrollBy(X, Y) 页面滚动了多少距离

3、在新页面打开链接

var url = 'http://www.baidu.com?name=' +'zs&age =18'
      window.open(url)

用此方法打开链接,连接后会有用户信息,比用a标签有更多用处。

4、确认对话框

alert('hello');
    会返回一个boolean值
    var tag = onfirm('are you sure?')
    console.log(tag)

5、计时器

n秒之后执行指定的方法 有两个参数 第一个参数是一个方法 第二个参数时间间隔数(以毫秒为单位的)
     var t1 = setTimeout(function(){
      console.log(1)
     }, 2000) 

此代码方法为setTimeout,时间间隔数为2000毫秒。

6、主线程和任务队列

代码顺序执行,遇到异步方法会把这个方法放进任务队列里,当主线程的任务都执行完毕后,会将任务队列中的方法取出, 并且看等待时间间隔是否达到,如果时间到了就执行这个方法。

7、history对象

back() 返回上一页面 go(-1),

forward() 进入下一页面 go(1),

go(number) 返回或进入number页面 。

8、location

// 重新加载当前页面
      location.reload();
      // 打开新的页面 history中有历史记录
      location.href = 'http://didichuxing.com'
      // 替换当前页面,history中没有历史记录
      location.replace('http://didichuxing.com')