.js 文件怎样接受html 传递的参数,html 怎样传递参数给.js文件

.js 文件怎样接受html 传递的参数,html 怎样传递参数给.js文件,第1张

1、首先创建一个文件夹,这个文件夹有一个js文件夹和一个html文件。js文件夹用来存放需要引入的js文件。

2、打开html文件,在html文件上找到<body>,在<body>标签里创建一个按钮标签,然后给这个标签添加一个点击addJs事件。

3、在js文件夹下创建一个js文件为addJsjs。

4、在addJsjs文件上输入一个alertd出框并保存,当引入js文件成功就会执行alertd出框。

5、回到html文件,在按钮输入框后面创建一个script标签,然后添加用来引入addJsjs文件的addJs事件。

6、保存html文件后使用浏览器打开,点击按钮即可看到出现一个d出,表示引入js文件成功。

给你提供思路,并提供你会用到的代码,相信你后面自己能搞定了

首先把HTML中的参数取出来,也就是用documentlocationsearch取得后面的字符串,然后再使用split把字符串中你需要的参数部分切出来,取得需要的参数后,在html文件中定义全局变量(var id=取出的值,url=取出的值;),这样当你载入myjs的时候,myjs就能获取这些全局变量,并通过documentwrite("<a href='testphpid="+id+"&url="+url+"'>test</a>");来输出。

adjs同样通过前面说的全局变量来获得参数,从而显示对应的效果。

总之一句话,取参数,声明全局变量,在载入的js中根据全局变量来做相应处理。

<Script language="javascript">

function GetRequest() {

var url = locationsearch; //获取url中""符后的字串

var theRequest = new Object();

if (urlindexOf("") != -1) {

var str = urlsubstr(1);

strs = strsplit("&");

for(var i = 0; i < strslength; i ++) {

theRequest[strs[i]split("=")[0]]=(strs[i]split("=")[1]);

}

}

return theRequest;

}

</Script>

然后我们通过调用此函数获取对应参数值:

<Script language="javascript">

var Request = new Object();

Request = GetRequest();

var 参数1,参数2,参数3,参数N;

参数1 = Request[''参数1''];

参数2 = Request[''参数2''];

参数3 = Request[''参数3''];

参数N = Request[''参数N''];

</Script>

以此获取url串中所带的同名参数

二、正则分析法。

function GetQueryString(name) {

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

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

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

}

alert(GetQueryString("参数名1"));

alert(GetQueryString("参数名2"));

alert(GetQueryString("参数名3"));

其他参数获取介绍:

//设置或获取对象指定的文件名或路径。

alert(windowlocationpathname);

//设置或获取整个 URL 为字符串。

alert(windowlocationhref);

//设置或获取与 URL 关联的端口号码。

alert(windowlocationport);

//设置或获取 URL 的协议部分。

alert(windowlocationprotocol);

//设置或获取 href 属性中在井号“#”后面的分段。

alert(windowlocationhash);

//设置或获取 location 或 URL 的 hostname 和 port 号码。

alert(windowlocationhost);

//设置或获取 href 属性中跟在问号后面的部分。

alert(windowlocationsearch);

可以通过在目标页面中使用JavaScript的方式来获取。其中,paramName是重定向传回的参数名。除了使用JavaScript来获取重定向传回的参数外,还可以在Spring中使用ModelAndView对象来传递参数。

hrequest = {};

hjrequestget = function (paramName) { var aParams = documentlocationsearchsubstr(1)split('&'); for (i = 0; i < aParamslength; i++) { var aParam = aParams[i]split('='); if (paramNametoLowerCase() == aParam[0]toLowerCase()) return aParam[1]trim(); }; return ""; };

hjrequestgetUrl = function () { return toplocationhref; };

hjrequestgetRef = function () { return documentreferrer; };参数名可以自己改,放在公共类里面当成自己的类使用

以上就是关于.js 文件怎样接受html 传递的参数,html 怎样传递参数给.js文件全部的内容,包括:.js 文件怎样接受html 传递的参数,html 怎样传递参数给.js文件、js如何接受传递的参数、取出js方法传入的参数的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9586044.html

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

发表评论

登录后才能评论

评论列表(0条)

保存