如何将html中的值传递给js

如何将html中的值传递给js,第1张

JS方式实现静态页之间值传递,参考如下:

在body标签之间加此行代码:

<form action=”a.html?d1=123&d2=你好” method=”post” name=”f1″ id=”f1″>

<input type=”submit” name=”s1″ id=”s1″ value=”提交”/>

</form>

然后,新建a.html新页,同样在body标签之间加此行代码,如下:

<script type=”text/javascript”>

var tmpArr

var QueryString

var URL = document.location.toString()

if(URL.lastIndexOf(“?”)!=-1){

QueryString= URL.substring(URL.lastIndexOf(“?”)+1,URL.length)

tmpArr=QueryString.split(“&”)

for (i=0i<=tmpArr.length – 1i++) {

document.write(“参数为:” + tmpArr[i] + “<br/>”)

}

}

else{

QueryString = “”

}

</script>

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

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

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

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

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

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


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

原文地址: http://outofmemory.cn/zaji/6095083.html

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

发表评论

登录后才能评论

评论列表(0条)

保存