html页面调用js方法时的两种传参方式

<tbody th:if="${pageInfo?.list}">   <tr th:each="groupList,loopStatus : ${pageInfo?.list}">       <td id=‘number0‘ th:if="${flag}==0" th:each="group,loopStatus : ${groupList}" >           <label th:text="${group?.phoneNo}"></label>            <a id=‘edit0‘ href="javaScript:void(0);"               th:data-phoneId="${group?.Id}"               th:data-dataUserId="${group?.dataUserId}"               th:onclick="groupAdd.showModify([[${group.phoneNo}]],this.getAttribute(‘data-phoneId‘),this.getAttribute(‘data-dataUserId‘))">                编辑            </a>           <a id=‘delete0‘ href="javaScript:void(0);"              th:data-phoneId="${group?.Id}"              th:data-dataUserId="${group?.dataUserId}"              th:onclick="groupAdd.deletePhone([[${group.phoneNo}]],this.getAttribute(‘data-phoneId‘),this.getAttribute(‘data-dataUserId‘))">               删除           </a>       </td>  </tr></tbody>

1.有th标签时,可以用this.getAttribute(‘data-phoneId‘)方式,其中data-phoneId为页面经过th定义的参数;2.不用th标签时,可以用[[${group.phoneNo}]]方式,通过双重中括号,直接获取group对象里的phoneNo.


原文地址:https://www.cnblogs.com/xuhk1819/p/12189138.html

时间: 2024-10-09 14:51:32

html页面调用js方法时的两种传参方式的相关文章

(尚043) vue_向路由组件传递数据+vue param和query两种传参方式

效果展示: ============================================================================ 应写成下图这种形式: :id为占位 现在是通过什么路径向路由组件传递数据的? 通过请求参数${message.id}传递的 请求参数有两种: 1).Param 2).Query  (?后面,类似于get) ================================================================

flask四:URL两种传参方式(路径传参和get传参)

新建一个视图 第一种:路径传参:url/参数:<参数名>,然后再视图函数中接收参数 也可以指定数据类型 string:默认使用此数据类型,接收没有任何斜杠"\/"的文本int:接收整形float:接收浮点型path:和string的类似,但是可以接受斜杠 uuid:只接收符合uuid的字符串,一般用于表的主键 使用uuid:10190dee-d9d4-4429-ad51-22f24c0a5ee1 any:可以指定多种数据类型.可以在一个url中映射多个资源 第二种:get传

jsp页面:js方法里嵌套java代码(是操作数据库的),如果这个js 方法没被调用,当jsp页面被解析的时候,不管这个js方法有没有被调用这段java代码都会被执行?

jsp页面:js方法里嵌套java代码(是操作数据库的),如果这个js 方法没被调用,当jsp页面被解析的时候,不管这个js方法有没有被调用这段java代码都会被执行? 因为在解析时最新解析的就是JAVA代码,不管写哪里,都会最新被解析

[转]html页面调用js文件里的函数报错onclick is not defined处理方法

原文地址:http://blog.csdn.net/ywl570717586/article/details/53130863 今天处理html标签里的onclick功能的时候总是报错:Uncaught ReferenceError: dosave is not defined(-) 找了半天都没发现错在哪,最后发现原来是我写法不对,正确写法如下: html: [html] view plain copy <input type="button" value="立即登录

iframe子页面js调用父页面js函数/父页面调用Iframe子页面中js方法

1.假设当前页面为a.html, iframe的src页面为b.html,其代码如下: 1 <span class="tag"><html> 2 <br></span><span class="tag"><head> 3 <br></span><span class="tag"><title></span><s

C#后台程序与HTML页面中JS方法互调

此方法适用于 C#中嵌入WebBrowser(浏览器) 通过浏览器中加载的页面与C#的后台代码进行交互. 一.C#程序 1.在C#窗体中添加WebBrowser(浏览器),将页面的URL添加到浏览器中. 2.窗体代码添加 using System.Runtime.InteropServices;//和Html页面交互使用 在类的上一行添加 [ComVisible(true)]//和Html页面交互使用 在类的构造其中添加 this.webB.ObjectForScripting = this;

C#后台程序与HTML页面中JS方法互调(功能类似于Ajax中的DWR)

此方法适用于 C#中嵌入WebBrowser(浏览器) 通过浏览器中加载的页面与C#的后台代码进行交互. 一.C#程序 1.在C#窗体中添加WebBrowser(浏览器),将页面的URL添加到浏览器中. 2.窗体代码添加 using System.Runtime.InteropServices;//和Html页面交互使用 在类的上一行添加 [ComVisible(true)]//和Html页面交互使用 在类的构造其中添加 this.webB.ObjectForScripting = this;

JS调用App方法及App调用JS方法

做App内嵌H5项目时,经常会遇到js与App的交互,最普遍的就是方法的互相调用,那么如何实现方法的互相调用呢? 写在前面: 如果只是小项目且后期扩大的可能性不大的时候,可以忽略,可如果是长期项目的话,那么就需要考虑以下一些问题了. 1. 方法命名规范. 如果考虑到以后会有大量的方法,那么规范化的命名就很重要了,规范化的命名,既保证了名字的唯一性又保证了代码的可读性方便开发过程,也方便后期维护.   举个栗子,  如果现在有一个方法,是关闭webview, js调用app的方法, 如果直接叫cl

C#调用JS方法、以QQ登录密码的md5为例

C# 调用代码 ScriptControlClass js = new ScriptControlClass(); js.Language = "JScript"; js.AddCode(textBox2.Text);//JS代码 string result = null; result = js.Eval(textBox1.Text).ToString(); //调用函数 MessageBox.Show(result); MD5 JS代码 function md5js(pass, c