html往js文件传递参数

最新推荐文章于 2024-03-11 15:55:27 发布
原创 最新推荐文章于 2024-03-11 15:55:27 发布 · 3.9k 阅读 · 5 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文介绍了一种在HTML(JSP)中引用JS文件并传递参数的方法。通过设置`<script>`标签属性，在JS文件内获取这些参数，实现动态交互。特别展示了如何在JS中判断参数存在并据此显示错误消息。

低功耗蓝牙项目，需要一块懂省电的板

思澈 SF32LB52 芯片，BLE 协议栈深度优化，上手即开发

点击查看

1、html(jsp)中引用js文件时传入参数

<script type="text/javascript" src="js/error_msg.js" errorMsg=<%= request.getAttribute("errorMessage") %>></script>


2、js文件中（error_msg.js）

var script=document.getElementsByTagName("script")[0];
//获取参数
var errorMsg=script.getAttribute("errorMsg");
/**
 * 如果有错误信息，就弹出警告框
 */
if(errorMsg!=null&&errorMsg!="null"&&errorMsg!="") {
	alert(errorMsg);
}



低功耗蓝牙项目，需要一块懂省电的板

思澈 SF32LB52 芯片，BLE 协议栈深度优化，上手即开发

点击查看
html向js方法传递参数具体实现
10-27
html如何向js方法传递参数，在本文将为大家详细介绍下html注册事件向引用方法中的传参问题，感兴趣的朋友可以参考下，希望对大家有所帮助
html向js方法传递参数
热门推荐
08-08 2万+
html注册事件向引用方法中的传参问题，两个方式： function bbb(event){ event = window.event || event; var srcEle = event.target || event.srcElement; alert(srcEle.value); } function ccc(cc){ alert(cc.value); }
HTML传递参数给JS
Attitude_wcf的专栏
07-11 858
function bbb(event){ event = window.event || event; var srcEle = event.target || event.srcElement; alert(srcEle.value); } function ccc(cc){ alert(cc.value); } onblur="bbb()"/>
html中调用js带参数传递,JS传参技巧总结
weixin_36361396的博客
06-04 4199
1.隐式创建 html 标签这种方法一般配合 ajax，上面的 value 使用了模板引擎2.window['data']window["name"] = "the window object";3.使用 localStorage，cookie 等存储window.localStorage.setItem("name", "xiaoyueyue");window.localStorage.getI...
初学HTML之如何用A标签触发JS并传递参数给JS函数？
MintYouth的博客
05-09 2406
工具/原料 html+js 代码编辑器：zend studio 10.0 方法/步骤 新建一个html文件，命名为test.html，用于讲解html如何用A标签触发JS并传递参数给JS函数。 在test.html文件中，使用a标签创建测试链接。 在test.html文件中，给a标签绑定onclick点击事件，当a标签被点击时，执行myfunc函数，并把“666”字符串作为参数传递给myfunc函数。 在js标签内，创建函数myfun
js文件与html相互传值
朗福德的博客
12-26 9548
前言 js文件是前端最常用的，必然是要与html之间进行交互。简单总结 正文 第一种形式 js文件 //登录方法 function login(username, password) { $.ajax({ type: "post", // 以post方式发起请求 url: "http://localhost:8080/login", // 你的请求链接 data: { // 提交数据...
【JS】在html中引入外部js文件时，获取传递的参数
qing_小诺的博客
08-22 5961
a.html文件：引用a.js文件，并传递参数"type=2"和"key=3"，eg: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&am
tornado返回数据到html,如何将参数从tornado传递到js文件而不是html？
weixin_42300400的博客
06-07 599
您可以创建setter函数，以便从HTML文件调用该函数以传递参数：$ tree.├── static│ └── scripts│ └── test.js├── templates│ └── index.html└── test.py龙卷风代码：#!/usr/bin/python# -*- coding: utf-8 -*-import os.pathimport tornad...
html向js文件中进行传参,js传递参数:js向html 传递参数_js
weixin_39772420的博客
06-17 1756
js 文件function a(){show_modelId += model_id;window.open("a.htm?show_modelId="+show_modelId+"",”,’height=400,width=800,location=yes’);} 把show_modelId 的值传递到页面a.html//获得参数的方法var request ={QueryString : ...
flash传值给javascript,并在html页面输出,javascript向flash swf文件传递参数值注意细节...
weixin_39966922的博客
06-03 218
问题：如何使用javascript向SWF文件传递参数？在网上找了一个完整的教程，很有启发性和实用性，如下是完整实现的步骤：配置SwfObject：Swfobject2是目前检测用户是否安装Flash的最佳方法。它被认为是‘行业标准'，并且Adobe所有产品的新版本(Flex4，Flash CS5)都会使用SwfObject来检测Flash Player。先要下载，解压ZIP文件，复制swfobj...
html传参数给js
别在熬夜了！
08-11 3070
New Document             function func(dd){           alert(dd);       }
ThinkPHP 向js模板中传递参数
foreverling_ling的博客
09-19 8652
在HTML模板中，可以通过类似“{$item}”这样的形式传递参数。 在JS模板中，传递参数可以这样：console.log("{$orderSn}"); 注意：在JS模板中写php 参数最好都带上""，有些时候"{$orderSn}" ！= {$orderSn}；
html 选择框 传值 js,HTML通过事件传递参数到js
weixin_42353258的博客
06-03 582
目标处理函数为selectAttr(test)1.直接传递给定参数如:onclick="selectAttr('1');onclick="selectAttr('a');2.传递某属性值onclick="selectAttr(typeName.value);onclick="selectAttr(nameId.value);3.传递this对象onclick="selectAttr(this);通...
html页面js传参数,JavaScript如何实现html页面之间参数传递
weixin_33728584的博客
06-03 1297
本篇教程介绍了JavaScript如何实现html页面之间参数传递，希望阅读本篇文章以后大家有所收获，帮助大家对JavaScript的理解更加深入。<页面A代码如下：1htmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&g...
关于html页面之间传值的几种方式
qq_29072049的博客
04-09 8645
问题因最近尝试实现客户端与服务端分离，服务端只提供接口，客户端用html+js实现，分成两个独立的项目部署，因项目是个人项目，客户端展示不考虑使用像Angular、Vue、Native这种前端框架实现，于是全部使用静态页面实现，请求数据用ajax，在开发的过程中，就遇到了页面之间传值的问题。解决方法post提交表单跳转的方式肯定不行了，因服务端并不处理这些请求参数，连到达客户端的机会都没有，此时只...
HTML的【data-】字段：将自定义属性传值给js（含thymeleaf的动态赋值）
大吉的博客
12-09 3703
文章目录需求：一、给div赋值二、js代码接收值，并将值赋到其他html元素中去三、使用th:attr动态赋值 需求： 有时候我们有这么一个需求：写了一个div标签，然后想在这个div里面赋一些值，然后将这个div里的值传到下一个div（也可以是其他html元素）里去。 解决方案：使用HTML的【data-】字段，一段js代码 一、给div赋值 <div class="actions"> <a data-commentid="1" data-commentnickname="大吉"
aa.htm是参数输入界面
10-24 221
aa.htm是参数输入界面 bb.htm是参数接收处理界面 aa.htm function submit() { var input1 = document.getElementById("inputid"); window.open("b.html?inputStr=" + input1.value);//传入参数 } bb.htm:
javascript HTML静态页面传值的四种方法
02-10 1158
一：JavaScript静态页面值传递之URL篇能过URL进行传值.把要传递的信息接在URL上.Post.htm 1 代码如下: 2 3 <input type="text" name="username"> 4 <input type="text" name="sex"> 5 <input type=...
thymeleaf html中的参数向js函数中传递
a1783760364的博客
03-11 1233
这两种方式都是错误，要么是直接模板引擎崩掉，要是就是只是传递了个字符串。
easyui 页面与页面间传值
z_victoria123的博客
02-20 3102
在config.js中，对参数进行解析 config.tools = { /** * 获得get请求参数 * 例如: * ?q=javascript&amp;num=10 * var args = getQueryStringArgs(); * alert(args["q"]);//"...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值