关于如何使用按钮(onclick)打开链接

最新推荐文章于 2021-10-29 14:53:12 发布
转载 最新推荐文章于 2021-10-29 14:53:12 发布 · 3.2k 阅读 · 1 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/wmn7q/p/7265502.html
文章标签：

#javascript #php #ViewUI

本文介绍了一种使用JavaScript onclick属性打开超链接的方法，并提供了一个具体的示例。这种方法可以在网页中通过按钮点击来实现页面跳转。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

关于如何使用按钮(onclick)打开链接
  做网页的时候遇到一个问题，如何使用onclick打开超链接，后来查到一篇文章解决了问题。
  利用javascript onclick跳转链接网页
  文章很短，如下，我选其中一句话，就可以解决问题
 
 
   
 
  
 
  

   
   
<input   type="button"   value="返回"   onclick="window.location.href='你要转向的页面'">
  
   

   
   下面看一下我自己的
   

   
<input name="play" type="button" value="播放视频" onclick="window.location.href='http://characters.wangmn.cn/single_char.php?search=口'"/>

  这样就可以通过点击按钮实现超链接了
   

   

   
下面还是讲一下我自己做的一个小作品。
 
   
下面链接是自己做的一个小作品，是用来学习汉字结构的，我们将汉字的结构具体展现出来了，摆脱了以往汉字教学中的模糊概念，希望大家可以看看多提提意见。
 
   汉字结构学习
   

   
 以上，所有
   
 2017/3/6
   

   

  
 
 
 

 

转载于:https://www.cnblogs.com/wmn7q/p/7265502.html

                

        




    

    
  



    



                



	

		

			

				
					
javascript onclick实现网页跳转(附完整源码)

				
			

			

				

					希望我的博客，能帮上你解决学习中工作中所遇到的问题
				

				

					11-04
					
					767
					
				

			

		

		

			
				
javascript onclick实现网页跳转(附完整源码)

			
		

	



                

            
              



	

		

			

				
					
onclick实现超链接_给超链接加onclick事件

				
			

			

				

					weixin_39636610的博客
				

				

					01-17
					
					1982
					
				

			

		

		

			
				
在动态网页中，常常需要在单击超链接时处理一些数据，而不是跳转一个网页。在这种情况下，通常有以下三种处理方式：不设置标签的href属性，只设置onclick属性。在这种处理方式下，通常超链接文本会和正文的文本以相同的形式出现，即不会有默认的下划线。当鼠标放在超链接上也不会显示小手的形状(除非为该超链接设置了CSS)。因此，用户很难知道这是一个可以点击的超链接。将标签的href属性值设置为"#"，并设...

			
		

	



              


  
              

                


	

		

			

				
					
超链接中的onclick和href链接方法

				
			

			

				

					hahhahahaa的博客
				

				

					09-04
					
					7076
					
				

			

		

		

			
				
链接的 onclick 事件被先执行，其次是 href 属性下的动作（页面跳转，或 javascript 伪链接）；

假设链接中同时存在 href 与 onclick，如果想让 href 属性下的动作不执行，onclick 必须得到一个 false 的返回值。不信，你可以将 goGoogle 函数中的 return false 注释掉；

如果页面过长有滚动条，且希望通过链接的 onclick ...

			
		

	





	

		

			

				
					
onclick链接式跳转页面

				
			

			

				

					小绵羊的博客
				

				

					10-19
					
					8786
					
				

			

		

		

			
				
onclick="javascript:window.location.href='www.baidu.com'"




　　  onclick="location='www.baidu.com'"




　　  onclick="window.location.href='www.baidu.com?id=123'"

			
		

	



		

			
		



	

		

			

				
					
onclick事件跳转到指定URL

				
			

			

				

					
				

				

					02-23
					
					1381
					
				

			

		

		

			
				
 


一、如果本页面显示，可以直接用location,方法如下：

1、onclick="javascript:window.location.href='url
'"
2、onclick="location='url
'"
3、onclick="window.location.href='url
'"
 
二、如果页面中有frame可以在location前面添加

...

			
		

	





	

		

			

				
					
input链接页面、打开新网页等等的具体实现

				
			

			

				

					01-21
				

			

		

		

			
				
1.链接到某页 <input type=”button” name=”Submit” value=”确 定” class=”btn” onclick=”location.href=’filename.html'” /> 2.返回(等同后退) <input name=”Submit2″ type=”button” class=...

			
		

	





	

		

			

				
					
点击按钮或链接不跳转只刷新页面的脚本整理

				
			

			

				

					12-02
				

			

		

		

			
				
在网页开发中，有时我们需要实现一个功能：当用户点击按钮或链接时，页面不进行跳转，而是仅仅刷新当前页面。这种需求在某些特定场景下非常有用，例如更新页面内容或者重新加载数据。本文将详细介绍如何通过不同的...

			
		

	





	

		

			

				
					
使用按钮控制以何种方式打开新窗口的属性介绍

				
			

			

				

					09-05
				

			

		

		

			
				
本篇文章将深入探讨如何使用按钮控制以特定方式打开新窗口，并介绍相关的窗口属性设置。  首先，让我们看一个简单的HTML示例，这段代码演示了如何通过点击按钮来打开一个新的窗口：  ```html     打开新窗口" ...

			
		

	





	

		

			

				
					
html图片按钮打开一个链接,HTML中使用<input>添加的按钮打开一个链接

				
			

			

				

					05-30
				

			

		

		

			
				
可以使用以下代码来创建一个图片按钮，并在点击时打开一个链接：  ``` <input type="image" src="image-url" onclick="window.location.href='link-url';"> ```  其中，`image-url`是图片的 URL 地址，`link-url`是...

			
		

	





	

		

			

				
					
html 点击按钮打开链接视频

					
最新发布

				
			

			

				

					09-16
				

			

		

		

			
				
要在HTML中通过点击按钮打开链接视频，可以使用以下步骤：  首先，我们需要有一个按钮元素，可以使用HTML的button元素来创建一个按钮。例如： 打开视频  接下来，我们需要给按钮添加一个事件处理程序，以便在按钮被...

			
		

	





	

		

			

				
					
用button的onlick事件打开一个新的网页

				
			

			

				

					zhuxw技术博客
				

				

					09-12
					
					1万+
					
				

			

		

		

			
				
我用button的onlick事件打开一个新的网页，怎么做？？



 






 









?

Label











 






在此处可以指明要调用的页面


 
  您的姓名: 
  您的电子邮件: 
  
  
   








 






?

不知

			
		

	





	

		

			

				
					
【js】如何点击按钮通过onclick打开新页面 和 在本页面打开

				
			

			

				

					firstbird的博客
				

				

					07-27
					
					1万+
					
				

			

		

		

			
				
window.location.href ="";  window.open();

			
		

	





	

		

			

				
					
a href onclick调用javascript方法

				
			

			

				

					至善 至美
				

				

					08-27
					
					659
					
				

			

		

		

			
				
<br />今天有人问到这个：调用连接调不到，而且地址栏连接处还出现“＃”，<br />解决办法：<br />< a href="#" onclick="方法;return false;">提交< /a><br />
或< a href="javascript:void(0)" onclick="方法">提交< /a><br />
同时页面链接地址也不会被添加上#

			
		

	





	

		

			

				
					
button/input链接方式全攻略

				
			

			

				

					Binac二维思索
				

				

					04-29
					
					1158
					
				

			

		

		

			
				
1.链接到某页2.返回(等同后退) 3.打开新网页4.打开无边框的新窗口5.打开新网页同时指向另一页6.打开无边框的新窗口同时指向另一页7.点击按钮弹出确认alert窗口方式一：onClick="alert(是否确认提交？);location.href= filename.html;return false;" >方式二：onClick="if (confirm(是否确认提交？))

			
		

	





	

		

			

				
					
onclick事件跳转到指定的URL

				
			

			

				

					向上的小草
				

				

					11-13
					
					2481
					
				

			

		

		

			
				
一、如果本页面显示，可以直接用location,方法如下：

1、onclick="javascript:window.location.href='url '"
2、onclick="location='url '"
3、onclick="window.location.href='url '"
 
二、如果页面中有frame可以在location前面添加

top.mainfr

			
		

	





	

		

			

				
					
实现点击按钮连接网页

				
			

			

				

					qq_37739689的博客
				

				

					06-06
					
					3128
					
				

			

		

		

			
				
启动浏览器sUrl
 就是你要打开的网址
Intent
 intent = new Intent();
intent.setData(Uri.parse(sUrl));
intent.setAction(Intent.ACTION_VIEW);
actMain.this.startActivity(intent);


启动浏览器

Intent intent=new
 I

			
		

	





	

		

			

				
					
onclick点击跳转页面实例2则【亲测】

				
			

			

				

					仿站、源码搭建/迁移技术博客
				

				

					10-29
					
					2473
					
				

			

		

		

			
				
onclick点击跳转页面实例2则亲测分享



跳转页面，在新建窗口打开网页


<div onclick="window.open('http://www.yfi6.com');"></div>


跳转页面，在当前窗口打开网页


<div onclick="window.location.href='http://www.yfi6.com';"></div>

如果对你有所帮助，还请点个关注哦！
...

			
		

	





	

		

			

				
					
HTML点击按钮button跳转页面的几种实现方法

					
热门推荐

				
			

			

				

					圆圆的 JavaScript 博客
				

				

					11-20
					
					17万+
					
				

			

		

		

			
				
其实我比较喜欢第一种方法
<button onclick="window.location.href='../routeEdit/index.html'" type="button" id="add">新增</button>

方法一：在button标签中加上onclick属性，赋值为Javascript
<input type="button" name="regi...

			
		

	





	

		

			

				
					
a标签的onclick事件与href详解

				
			

			

				

					吃螃蟹的蘑菇  的博客
				

				

					10-09
					
					1352
					
				

			

		

		

			
				
对于a标签的onclick事件与href，之前一直没想过onclick事件与href能有什么关系，直到今天遇见了一个bug,怎么也找不到原因，最后才发现是因为onclick与href的原因。 
bug:用A标签做了导航，<a class="nav-li-select nav" href="#">首页</a>
       <a nav" href="#">产品中心</a>jquery写了界面跳转：$

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值