window.location.href如何传递参数

 时间:2024-10-13 02:54:02

1、鼠标点击打开HBuidler软件,如图所示:

window.location.href如何传递参数

2、点击菜单栏新建-->Web项目,如图所示:

window.location.href如何传递参数

3、输入web项目名window,然后点击完成按钮,如图所示:

window.location.href如何传递参数

4、然后在html文件中键入代码:<!DOCTYPE html><挢旗扦渌;html> <head>稆糨孝汶; <meta charset="utf-8" /> <title>window.location.href如何传递参数?</title> </head> <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script> <script type="text/javascript">$(document).ready(function(){ $("#btn").click(function(){ var name=$("#name").val(); alert("需要传递的名字参数:"+name); window.location.href="index2.html?name="+name; });}); </script> <body> <button id="btn">传递参数</button> <form > 姓名:<input type="text" id="name" value="张三"/> </form> </body></html>

window.location.href如何传递参数

5、然后点击运行按钮--->浏览器运行,如图所示:

window.location.href如何传递参数

6、浏览器查看运行结果,然后点击传递参数按钮,如图所示:

window.location.href如何传递参数

7、可以看到弹出需要传递的参数为张三,如图所示:

window.location.href如何传递参数
  • powerdesigner 15.3 安装教程
  • vs如何读取xml文件
  • HTTP请求头查看方式
  • jQuery如何获取选中单选按钮radio的值
  • html如何对数据库进行行增删
  • 热门搜索
    保护环境手抄报内容 新年手抄报 英语手抄报 关于安全的手抄报 建党节手抄报内容 反邪教手抄报 手抄报版面 安全教育手抄报 护眼手抄报 消防安全手抄报内容