原生js常用

本文介绍了如何使用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);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值