原生js常用

yuyu_2019

已于 2023-12-07 13:29:44 修改

阅读量177

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： javascript 前端 vue.js

于 2022-11-17 17:36:42 首次发布

本文链接：https://blog.youkuaiyun.com/yuyu_2019/article/details/127908333

JS 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了如何使用JavaScript进行前端操作，包括获取DOM元素、设置样式、页面跳转及URL参数解析等实用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1）获取id

document.getElementById('iframeDiv')

2）获取class

document.getElementsByClassName('iframeDiv')

var iframeDiv = document.getElementsByClassName('iframeDiv')
for (let i = 0; i < iframeDiv.length; i++) {
	console.log(iframeDiv[i])
}

3）设置style

dom.setAttribute('style', 'width:50%;height:50%')

4）页面跳转

 window.location.href = "http://localhost:9528/#/login?server=" + host

5）获取连接？后的参数

http://localhost:9528/#/login?server=www.jy-sh.com

console.log(getParams('server')) // www.jy-sh.com

function getParams(name) {
  var search = window.location.search.substring(1)
  if (!search) {
    search = window.location.hash.split('?')[1]
  }
  if (search) {
    var obj = JSON.parse('{"' + decodeURIComponent(search).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g, '":"') + '"}')
    return name ? obj[name] : obj
  }
}

6）settimeout

setTimeout(() => {
 document.getElementById('iframe').setAttribute('style', 'width:400px;height:600px')
}, 10000);