js代码 获取浏览器地址栏的内容 怎么做哦

js代码 获取浏览器地址栏的内容 怎么做哦,第1张

js代码获取浏览器地址可以用

var url=documentlocationhref;

var url1=urlsplit("=")[1];

var url2=");

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。

<script type="text/javascript">

function getQueryString(name) {

    var reg = new RegExp("(^|&)" + name + "=([^&])(&|$)", "i");

    var r = windowlocationsearchsubstr(1)match(reg);

    if (r != null) return unescape(r[2]); return null;

}

//例如你响取得url中的id,然后在js把id这个变量放到你想放置的地方

var id = getQueryString('id');

//alert(id);

//拼装字符串的时候加进去即可 'mp3/' + id + 'mp4 type="video/mp4"'

</script>

可以用getAttribute()方法获取。

注:总结了一些getAttribute(),setAttribute()在不同浏览器下兼容性以及如何解决这些问题

body里面有这些内容

<div id="idHeader" class="class-header" title="kingwell" status="1"></div>

<label id="forUserName" for="userName" title="kingwell" status="1"></label>

下面是script的测试:

var el = documentgetElementById("idHeader");

alert(elgetAttribute("id"));

alert(elid);

IE Firfox->idHeader

alert(elgetAttribute("class"));

//IE6,IE7 -> null IE8,IE9,Firefox ->class-header

alert(elclass);

//IE6,IE7,IE8->报错 IE9,Firefox->undefined

alert(elgetAttribute("className"));

//IE6,IE7->class-header ; IE8,IE9,Firefox -> undefined

alert(elclassName);

//All -> class-header

var elfor = documentgetElementById("forUserName");

alert(elforgetAttribute("for"));

//IE6,IE7->undefined IE8,9,Firefox->forUseName

alert(elforfor )

//IE6,IE7报错,其它为undefined

alert(elfortitle)

//全部输出kingwell

alert(elforstatus);

//IE6-8 -> 1 IE9,Firefox->undefined

alert(elforgetAttribute("status"))

//全部输出 1

总结:

1:常规属性建议使用 nodeXXXX。

2:自定义属性建议使用nodegetAttribute("XXXX")。

3:当获取的目标是JS里的关键字时建议使用nodegetAttribute("XXX"),如label中的for。

4:当获取的目标是保留字,如:class,请使用className代替。

用字符串split()方法分割,取等号后面的部分

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

获取地址栏参数值

>

<html>

<head>

<meta >

以上就是关于js代码 获取浏览器地址栏的内容 怎么做哦全部的内容,包括:js代码 获取浏览器地址栏的内容 怎么做哦、js获取地址栏参数document.getElementById("").innerHTML、如何用Javascript获取超链接的链接地址等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9546348.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存