onclick | 易学教程

多页面返回到同一页面

阅读更多关于多页面返回到同一页面

其实要实现这个功能主要还是要用到javascript 方法一：在asp.net的aspx里面的源代码中 <input type="button onclick="javascript:window.history.go(-1);"value="返回上一页"> 浅析：这个是用了HTML控件，通过一个onclick的事件，调用了javascript中的一个方法就可以了。这个是最简单的了，也同样适用于静态页面,ASP页面等。方法二: 利用Reponse.write 如果你对ASP有一定的了解，那么对Response.write这个东东就不会陌生了，方法一是直接有HTML页面中实现，则这个则是在后台环境中实现（这个说法好像不是很规范，呵呵) Response.write("<script language=javascript>history.go(-2);</script>) <a href="#" onclick="javascript:history.back();">返回前一页</a> 方法三利用Response.Redirect() 或 server.transfer() 在page_load中加入 if(!IsPostBack) ViewState["retu"]=Request.UrlReferrer.ToString(); 而在在返回按钮事件中 Response

关于js返回上一页的实现方法

以前在提交表单的时候，如果提交出错返回的时候信息内容全没了，我不知道要怎么保存，就开始了那种最愚蠢的做法，将填写的数据设置到session中，让后取出来用，不过没有试成功，总是有错，无意之中在我那本js的资料书里看到了javascript:history.go(-1);的方法，呵呵，尝试了一次，真的实现了数据的保留总结一下。有时间的话可以好好研究一下。下面是常用代码： <a href="<a href="javascript :history.back(-1)">返回上一页</a> 或 <a href="javascript :;" onClick="javascript :history.back(-1);">返回上一页</a> 如果是用按钮做的话就是： <input type="button" name="Submit" onclick="javascript:history.back(-1);" value="返回上一页"> 用图片做的话就是： <a href="javascript :;" onClick="javascript :history.back(-1);"><img src="图片路径" border="0" title="返回上一页"></a> [color=#FF0000]几秒钟后[/color]自动返回上一页代码:（加入两个head间，3000表示3秒）

jsp页面返回上一页的方法

1. <a href="javascript:history.back(-1)">返回上一页</a> 2. <a href="javascript:;" onClick="javascript:history.back(-1);">返回上一页</a> 3.如果是用按钮做的话就是： <input type="button" name="Submit" onclick="javascript:history.back(-1);" value="返回上一页"> 4.用图片做的话就是： <a href="javascript :;" onClick="javascript :history.back(-1);"><img src="图片路径" border="0" title="返回上一页"></a> 5.<a href="javascript:history.go(-1);">向上一页</a>, 返回两个页面: history.go(-2); 页面跳转:onclick="window.location.href='list.php'" 6.用js实现页面自动返回到上一页 [color=#FF0000]几秒钟后[/color]自动返回上一页代码:（加入两个head间，3000表示3秒） <SCRIPT language=javascript> function go() { window

返回上一页代码实现

超链接： <a href="javascript :history.back(-1)">返回上一页</a> 或 <a href="javascript :;" onClick="javascript :history.back(-1);">返回上一页</a> 如果是用按钮做的话就是： <input type="button" name="Submit" onclick="javascript:history.back(-1);" value="返回上一页"> 用图片做的话就是： <a href="javascript :;" onClick="javascript :history.back(-1);"><img src="图片路径" border="0" title="返回上一页"></a> [color=#FF0000]几秒钟后[/color]自动返回上一页代码:（加入两个head间，3000表示3秒） <SCRIPT language=javascript> function go() { window.history.go(-1); } setTimeout("go()",3000); </SCRIPT> 来源： https://www.cnblogs.com/hlantian/archive/2010/01/28/10194638.html

html中返回上一页

<a href="<a href="javascript :history.back(-1)">返回上一页</a> 或 <a href="javascript :;" onClick="javascript :history.back(-1);">返回上一页</a> 如果是用按钮做的话就是： <input type="button" name="Submit" onclick="javascript:history.back(-1);" value="返回上一页"> 用图片做的话就是： <a href="javascript :;" onClick="javascript :history.back(-1);"><img src="图片路径" border="0" title="返回上一页"></a> [color=#FF0000]几秒钟后[/color]自动返回上一页代码:（加入两个head间，3000表示3秒） <SCRIPT language=javascript> function go() { window.history.go(-1); } setTimeout("go()",3000); </SCRIPT> ">返回上一页</a> 来源： https://www.cnblogs.com/chen-lhx/p/4011014.html

javascript 返回上一页面：onclick=\"javascript:history.back(-1);\"

阅读更多关于 javascript 返回上一页面：onclick=\"javascript:history.back(-1);\"

<a href="<a href="javascript :history.back(-1)">返回上一页</a> 或 <a href="javascript :;" onClick="javascript :history.back(-1);">返回上一页</a> 如果是用按钮做的话就是： <input type="button" name="Submit" onclick="javascript:history.back(-1);" value="返回上一页"> 用图片做的话就是： <a href="javascript :;" onClick="javascript :history.back(-1);"><img src="图片路径" border="0" title="返回上一页"></a> [color=#FF0000]几秒钟后[/color]自动返回上一页代码:（加入两个head间，3000表示3秒） <SCRIPT language=javascript> function go() { window.history.go(-1); } setTimeout("go()",3000); </SCRIPT> ">返回上一页</a> 文章出处： http://www.cnblogs.com/xiezhengcai/archive/2012/02/09/2343543

day15 CSS JS DOM初探

阅读更多关于 day15 CSS JS DOM初探

居中 line-hight 是上下 text-line 是左右实现一个返回顶部的功能： 1 先写好CSS 2 写动作JS 写一个悬浮菜单： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .pg-header{ margin: 0 auto; height: 48px; width:980px; background-color: aquamarine; color: coral; position: fixed; top: 0; left: 20px; right: 20px; line-height: 48px; text-align: center; } .pg-body{ margin: 0 auto; background-color: #dddddd; width:980px; height: 5000px; margin-top: 50px; } </style> </head> <body> <div class="pg-header">此处为菜单</div> <div class="pg-body">此处为内容</div> </body> </html> 效果：上下滚动菜单始终固定在顶部实现一个点赞按钮的效果： <

js 阻止事件冒泡和默认行为 preventDefault、stopPropagation、return false

阅读更多关于 js 阻止事件冒泡和默认行为 preventDefault、stopPropagation、return false

preventDefault： preventDefault它是事件对象(Event)的一个方法，作用是取消一个目标元素的默认行为。既然是说默认行为，当然是元素必须有默认行为才能被取消，如果元素本身就没有默认行为，调用当然就无效了。什么元素有默认行为呢？如链接<a>，提交按钮<input type=”submit”>等。当Event对象的cancelable为false时，表示没有默认行为，这时即使有默认行为，调用 preventDefault也是不会起作用的。我们都知道，链接<a>的默认动作就是跳转到指定页面，下面就以它为例，阻止它的跳转： //假定有链接 <a href="http://www.cnf2e.com/" id="testA" >cnf2e</a> var a = document.getElementById("testA"); a.onclick =function(event){//阻止默认行为 event.preventDefault(); } stopPropagation： stopPropagation也是事件对象(Event)的一个方法，作用是阻止目标元素的冒泡事件，但是会不阻止默认行为。什么是冒泡事件？如在一个按钮是绑定一个”click”事件，那么”click”事件会依次在它的父级元素中被触发

How to change button color onclick using javascript only?

阅读更多关于 How to change button color onclick using javascript only?

问题 I was trying to make the color of the buttons change using onclick and getElementsByClassName and came up with something like this: HTML: <button onclick="submitButtonStyle()" type="submit" class="stylebutton"> Submit </button> JS: function submitButtonStyle() { document.getElementsByClassName("stylebutton").style.backgroundColor = "red"; } I would be really grateful if you guys gave me a hint about what is lacking in my code/what I should add etc. 回答1: getElementsByClassName returns an

How to change button color onclick using javascript only?

阅读更多关于 How to change button color onclick using javascript only?

订阅 onclick