html如何传值_随笔

html静态页面间传值有以下三种方法：方法一：下面是javascrīpt的一种实现方法, 这个函数是通过window.location.href中的分割符获得各个参数。有了这个函数，就可以在页面之间传递参数了。 /* *函数功能：从href获得参数 *sHref: http://www.artfh.com/arg.htm?arg1=d&arg2=re *sArgName:arg1, arg2 *return: the value of arg. d, re */ function GetArgsFromHref(sHref, sArgName) { var args = sHref.split("?")var retval = ""if(args[0] == sHref) /*参数为空*/ { return retval/*无需做任何处理*/ } var str = args[1]args = str.split("&")for(var i = 0i <args.lengthi ++) { str = args[i]var arg = str.split("=")if(arg.length <= 1) continueif(arg[0] == sArgName) retval = arg[1]} return retval} 方法二： html地址传递参数进行其他事情. <scrīpt>/* 用途: 接收地直栏参数取id=1 根据ID的值 */ urlinfo=window.location.href//获取当前页面的url len=urlinfo.length//获取url的长度 offset=urlinfo.indexOf("?")//设置参数字符串开始的位置 newsidinfo=urlinfo.substr(offset,len)//取出参数字符串这里会获得类似“id=1”这样的字符串 newsids=newsidinfo.split("=")//对获得的参数字符串按照“=”进行分割 newsid=newsids[1]//得到参数值 newsname=newsids[0]//得到参数名字 </scrīpt>方法三：做中英转换的时候，要准确的获取参数并取出，所以做了一个简单的html中用js获取当取地址栏的一个Object。里面有三个方法： 1、request.QueryString("参数")//获取指定参数，返回字符串2、request.QueryStrings()//获取全部参数，并返回数组3、 request.setQuery("参数","参数的值")//如果当前地址栏有此参数，那么将更新此参数，否则返回一个新的地址栏参数字符串。例如：当前地址栏参数字符串为：?name=a&site=never_online alert(request.setQuery("name","blueDestiny")) 如果地址栏参数中有"name"，那么返回?name=blueDestiny&site=never_online setQuery 方法有自动追加参数的功能。如：当前地址栏参数字符串为：?site=never_online alert(request.setQuery("name","blueDestiny")) 则返回?site=never_online&name=blueDestiny 同理，如果地址栏没有参数，也会自动追加参数 alert(request.setQuery("name","blueDestiny")) 返回?name=blueDestiny

html是静态页面，可以使用url链接传值，比如a.html和b.html两个页面

a.html中有一个链接

可以使用到js，如下：

a.htm:

</form>

b.htm

<html>

<body>

function getArgs() {

var args = {}

var query = location.search.substring(1)

// Get query string

var pairs = query.split("&")

// Break at ampersand

for(var i = 0i <pairs.lengthi++) {

var pos = pairs[i].indexOf('=')

// Look for "name=value"

if (pos == -1) continue

// If not found, skip

var argname = pairs[i].substring(0,pos)// Extract the name

var value = pairs[i].substring(pos+1)// Extract the value

value = decodeURIComponent(value)// Decode it, if needed

args[argname] = value

// Store as a property

}

return args// Return the object

}

var str =getArgs()

alert(str['q'])//和input的name对应取值,

document.getElementById("qbox").innerHTML = str['q']//然后赋值给DIV

</script>

</body>

</html>

希望能帮到你哦！

1、使用表单传递数据

两个html页面，a.html,b.html想。把a.html中的表单form中的id和pwd传到b.html中

要用form表单配合后台语言来传，发送类型POST和GET看你需求要换。

2、使用JS传递接收数据

如何用JS把HTML1中的text属性值nihao 传递给html2 在HTML2中有怎样用JS接收传递过来的数据并显示。

<html2>

js代码:

var str=location.href.search//取地址参数部分

word = str.sbustr(str.indexOf('=')+1)

word就可以获得地址中传递的参数了；如果有多个参数可以用split函数

3、两个纯Html之间的传值实例

index1.htm页面

<HTML>

<HEAD>

<TITLE> New Document </TITLE>//标题

<SCRIPT LANGUAGE="JavaScript"> //调用JavaScript方法

function show(){

var result = document.getElementByIdx("name").value //获取值.

location.href="index2.htm?name="+result // 链接跳转

}

</SCRIPT>

</style>

</HEAD>

<BODY>

<input type="text" id="name" class="input7"><input type="button" value="OK" onclick="show()"/>//输出

</BODY>

</HTML>

index2页面：

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

function getvalue(name){

var str=window.location.search //location.search是从当前URL的?号开始的字符串

if (str.indexOf(name)!=-1)//判断是否收到值

{

var pos_start=str.indexOf(name)+name.length+1 //解析获取值

var pos_end=str.indexOf("&",pos_start)

if (pos_end==-1){

alert( str.substring(pos_start)) //输出

}

else{

alert("没有此值~~")

}

</SCRIPT>

</HEAD>

<BODY>

</BODY>

</HTML>

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/zaji/6023092.html

html如何传值

发表评论

评论列表（0条）