onClick ="javascript:function('value')'"和onClick ="function('value');"有什么区别？

这两种写法的区别在于调用JavaScript函数的方式。

onClick="javascript:function('value')"

这种写法是在onClick事件中直接调用JavaScript函数，并将函数的参数传递为value。javascript:前缀表示这是一个JavaScript代码，但这种写法并不符合HTML5标准，不建议使用。

onClick="function('value');"

这种写法也是在onClick事件中直接调用JavaScript函数，并将函数的参数传递为value。这种写法更简洁，符合HTML5标准，推荐使用。

总结：两种写法的区别在于是否包含javascript:前缀，推荐使用第二种写法。

相关·内容

javascript中onclick(this)用法和onclick(this.value)用法介绍

onclick(this.value)代码详解 javascript"> function test(value){...="1" οnclick="test(this.value)"/> 个人 value="0" οnclick="test(this.value...)""/> 公司 2.onclick(this)代码详解一般标签中会使用href和onclick两种方式来进行进行页面跳转或执行动作...，但是小编一般都会使用onclick来进行执行Ajax函数进行跳转，并同时使用οnclick=”xxxxxx(this)”来传递动态参数：例子如下 JSP代码如下： javascript...:void(0);" οnclick="xxxx(this)" userId=${userId}>${userName}> Js代码如下： function xxxx(obj) {

1.8K2 0

var fn = function(){ }和function fn() { }有什么区别

在 Javascript 中，函数及变量的声明都将被提升到函数的最顶部，也就是说我们可以先使用后声明。...但函数表达式和变量表达式只是将函数或者变量的声明提升到函数顶部，函数表达式和变量的初始化不会被提升。 var fn = function(){ } 这种叫做函数表达式，必须先定义后使用。...var fun = function(){ console.log("前端资源网"); } fun(); 以上是没有任何问题的，我们把声明和使用颠倒位置： fun(); var fun = function...和不声明 fun 报错是不一样的，其实 fun 也是一个变量，只不过他是 function () { console.log(“前端资源网”);} 的一个引用，fun 的声明被提升了，但是初始化没有被提升...参考文档： var js=function(){}和function js(){}的区别 (adsbygoogle = window.adsbygoogle || []).push({

2K1 0

JavaScript爬虫_速通物流

目录一、前言二、什么是JavaScript，有什么用?...属性有什么区别?...完了"> 运行结果： innerText和innerHTML属性有什么区别?...("btn").onclick=function(){ var value=document.getElementById("username").value; var newValue... 结果：面试题：在JS中：[ ]和 { }有什么区别？

8.4K1 0

JavaScript学习笔记+常用js用法、范例（二）

"); onclick="javascript:formName.DataName.value='';formName.DataName.focus...这里建议用“ if(window[‘对象名’]){…} ”的写法来判断当确认对象已经存在时,用“对象名.变量名”跟“对象名[‘变量名’]”没什么区别。...-- function testA() { alert("haha"); } //标签的 onclick事件 function check() { //获取 id 和 class 名称 alert...="StartPuru" onclick="purupuruWin()"> 9.检查电子邮件地址是否正确(适用IE4.0和NN3.0以上版本) JavaScript"...() 和 myApp.get() 可以使用 19.事件委托事件是JavaScript非常重要的一部分。

2.2K2 0

JQuery之复选框checkbox基本操作

" src="js/jquery-1.8.0.min.js"> javascript"> $(function() { }); function..." value="7">7 value="8">8 value="选中的值有：" onclick="...checkBoxFuc();"> value="未选中的值有：" onclick="checkBoxEdFuc(...="button" value="未选中的个数：" onclick="noNumberFuc();"> value...="总个数：" onclick="allNumberFuc();"> value="选中第一个和最后一个："

1.7K10 0

使用 HTML、CSS 和 JavaScript 的实时计算器

在本文中，我们将讨论如何使用HTML，CSS和JavaScript开发实时计算器。通常，如果我们观察任何实时计算器，我们知道它有 - 数字网格（0-9 和 00）。...JavaScript 的使用在计算器中，确定有不同的按钮，所有这些按钮都有不同的功能。例如，+ 按钮执行加法运算，– 执行减法运算，可以使用 JavaScript 将这些操作分配给这些按钮。...开发实时计算器以下是分别以 HTML、CSS 和 JavaScript 格式的文件来开发实时计算器 - 计算器.html 这是我们下面计算器的 HTML 文件。...以下是开发计算器操作的 JavaScript 代码 - function Solve(val) { var v = document.getElementById('res'); v.value...('res'); inp.value = '';}function Back() { var ev = document.getElementById('res'); ev.value

3K2 0

Web前端基础（05）

方法名(参数列表){方法体} 如何声明常见的四种方法: 无参无返回值无参有返回值有参有返回值有参无返回值 js中有三种声明方法的格式: function 方法名(参数列表){方法体} ****...; } //调用方法和java一样 // fn1(); // 声明有参无返回值 function fn2(name,age){ alert(name+":"+age...; } var s = fn3(); console.log(s) ; // 声明有参有返回值 function fn4(x,y){ return x*y; }...="平方" onclick="myfn()"/> javascript"> function myfn...value="乘" onclick="fn5(3)" /> value="除" onclick="fn5(4)" /> <div id

1.6K2 0

form实现表单提交的各种方法(表单提交源码)

=”query();” value=”查询”> onclick=”update();” value=”更新”> ...上面一段代码，使用的是普通的按钮，而提交功能的实现方法是在它的onclick事件中调用javascript函数....有了上面这几种提交表单的方法,我想差不多够应付复杂的表单了. 表单提交注意点注意：每个input标签都要有name属性，form要有action和method。...当然，这里也可以使用button代替input作为提交的按钮： button的type属性有两个值：button和submit。...input type="button" value="提交" onclick="checkForm();"> function checkForm(){ var user= document.getElementById

5.6K3 0

JS 事件绑定、事件监听、事件委托详细介绍转

在JavaScript的学习中，我们经常会遇到JavaScript的事件机制，例如，事件绑定、事件监听、事件委托（事件代理）等。这些名词是什么意思呢，有什么作用呢？...在JavaScript中，有三种常用的绑定事件的方法：在DOM元素中直接绑定；在JavaScript代码中绑定；绑定事件监听函数。...value="click me" onclick="hello()"> function hello(){ alert("hello world...; } 在JavaScript代码中绑定事件在JavaScript代码中（即 script 标签内）绑定事件可以使JavaScript代码与HTML标签分离，文档结构清晰，便于管理和开发。...事件委托优点 1、提高JavaScript性能。事件委托可以显著的提高事件的处理速度，减少内存的占用。实例分析JavaScript中的事件委托和事件绑定，这篇文章写得还不错。

8.8K3 1

IE中的内存泄露

但确实发生内存泄露，为什么，因为有onclick='foo()' 何以证明？...} } <input type="button" value="Memory Leaking Insert" onclick="...="Memory Leaking Insert" onclick="LeakMemory()" /> 因为onclick后面的function () {}能对parentDiv...虽然IE有这么多的问题，但还是有工具可以检测你写的代码是否存在内存泄露，对于代码量少、复杂度并不高的可以使用sIEve，大项目中使用它想跟踪产生内存泄露的代码则比较困难了。...好在还有一个工具:Javascript Leaks Detector JLD的强大之处在于能够模拟IE6和IE7的GC情况，和真实的回收情况。这样可以做一个比较。

9694 0

Java中的DOM和Javascript技术

JavaScript:提供逻辑型较强的程序设计,可以用来对对象进行操作和控制,是负责页面的动态效果和行为....="按钮" onclick="alert('hello')"/> value="按钮" onclick="locationDemo()"/> javascript:void(0) onclick="changeFont(16px)" ">中字体 javascript:void(0) onclick=...:void(0) onclick="changeFont(24px)" ">大字体 javascript:void(0) onclick="changeFont(16px)...有可能会获取到空文本节点。

6603 0

JQuery 对控件的事件操作

JQuery是非常棒的js类库，有丰富的UI库和插件，不过我钟爱他的是他的选择器，感觉其他功能有时跟后台人员距离很远，所以一般我也只使用一下他的选择器。...jQuery的绑定事件非常方便，有bind、live、one还有它帮你把一些常用的事件给单独了出来，比如控件的onclick事件，我们绑定onclick事件的时候只需要 $("#testButton")...="Test Button" onclick="Eat();" /> javascript"> jQuery(document).ready(function..." src="jquery-1.2.6.min.js"> javascript"> var PayMoney = function...button" value="老赵付钱" /> onclick="PayMoney('老应');" value="老应付钱"

1.8K6 0

第61节:Java中的DOM和Javascript技术

JavaScript:提供逻辑型较强的程序设计,可以用来对对象进行操作和控制,是负责页面的动态效果和行为....="按钮" onclick="alert('hello')"/> value="按钮" onclick="locationDemo()"/> javascript:void(0) onclick="changeFont(16px)" ">中字体 javascript:void(0) onclick=..." ">大字体 javascript:void(0) onclick="changeFont(16px)" ">中字体 javascript:void...有可能会获取到空文本节点。

6212 0

用户浏览器操作行为的一种记录方法

“函数劫持”已经有许多文章介绍，这里不再赘述其原理，一个典型的示例代码如下： (function(){ var alert = window.alert; window.alert = function...[i].value; var onclick = inputElements[i].onclick; inputElements[i].onclick...= function(){ console.log("点击" + value + "按钮"); onclick();... value="提交" onclick="clickHandle1()"/> value="取消" onclick="clickHandle2()"/> value="登录" /> <input

2.1K4 1

jquery-barcode:js实现的条码打印

="code11"> 15 onclick='code39()' value="code39"> 16...onclick='code93()' value="code93"> 17 onclick='...code128()' value="code128"> 18 onclick='ean8()' value="ean8">..." onclick='ean13()' value="std25"> 21 onclick='int25()' value="int25...> 25 26 27 javascript"> 28 29 30 function

3.8K5 0

自制在线富文本编辑器，精简完整版

="images/too/03.png"/> javascript:void(0)"onclick="showcolor('color');"onmouseover...> javascript:void(0)"onclick="onEffect('copy');alert...src="images/too/09.png"/> javascript:void(0)"onclick="onEffect('undo')"onmouseover...,fm); } //字体大小选择 function sized(f){ var fm=f.value; var effect="fontSize"; editPane.document.execCommand...需要图片插入功能的注意保存上传图片的文件夹的位置和代码里设置的一致。写的比较快，可能会有不足，各位看官多多谅解！未经允许不得转载：肥猫博客 » 自制在线富文本编辑器，精简完整版

1.9K1 0

JavaScript实现计算器方法拓展

-- value="+" onclick="addHandler();" /> value="-" onclick.../ laterInput.value; } 0x2 结构和行为分离 //HTML结构改变，行为与结构分离，删除onclick时间，统一加上btn类。...="button" value="×" class="btn" /> value="÷" class="btn" /> //JavaScript代码 // 获取元素..." value="÷" class="btn" title="divide" /> //JavaScript代码，仅对绑定事件优化 //绑定事件，通过循环结构绑定事件 for (var i = 0;...//JavaScript代码 //获取元素部分不变 //绑定事件 each(btns, function (index, elem) { elem.onclick = function () {

8551 0

基于bootstrap table 列表展示父子级

value="0">新建 value="1">隐藏 value="2">激活...(value, row, index) { var actions = []; //有子级的父级添加加号...('javascript:void(0)" onclick="$.operate.edit(...actions.push('javascript:void(0)" onclick="$...html +='javascript:void(0)" onclick="$.operate.remove

1251 0

用Kimi开发部署上线一个完整的Web网页应用

根据kimi的回答，选择前端开发技术HTML、CSS、JavaScript，使用HTML和CSS构建基础结构和样式，使用JavaScript添加交互性，实现计算器的核心功能，部署平台选择cloudfare...设置按钮的字体为18像素、文字颜色为红色； JavaScript功能：实现对按钮单击事件的处理，将按钮的值附加到结果文本框中，可以进行计算和清除操作；分别生成HTML、CSS、JavaScript的代码...代码 const jsScript = ` // 在这里添加你的 JavaScript 代码 function appendToDisplay(value) { const display...= document.getElementById('display'); display.value += value; } function clearDisplay() { document.getElementById...display.value = display.value.slice(0, -1); } function calculate() { const display = document.getElementById

2721 0

day03_js学习笔记_03_js的事件、js的BOM、js的DOM

script type="text/javascript"> function fn() { // 有名函数 alert("yyy...btn.onclick = function() { // 匿名函数 alert("zzz"); };...type="text/javascript"> function fn(obj) { alert(obj.name);...="上一页" onclick="history.back()"> value="下一页" onclick="history.forward...="上一页" onclick="history.go(-1)"> value="下一页" onclick="history.go(1)"

28.1K1 2

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云