html按钮button怎么加超链接

解决思路：

按钮属于控件级的对象，优先级比较高，所以不能象图片或文本一样直接加链接，只能通过按钮的单击事件调用脚本的方式来实现。

具体代码实现如下：

1、若直接在本页跳转到新的页面，实例测试源代码如下：

2、页面展示如下：

3、执行实例，点击【打开窗口】，运行结果如下：

4、如果需要打开一个新的页面进行跳转，实例测试源代码如下：

5、此时页面展示如下：

6、执行代码，结果如下：（将百度也载入）

将插件下载下来后，你可以在页面里直接引入插件，比如：

<link href="插件css"/>

<script src="插件js"></script>

2. 也可以用node包去安装，然后用import 去引用

比如在vue里引入引入swiper:

安装：npm install vue-awesome-swiper --save

在main.js里全局注册：

Vue.use(VueAwesomeSwiper)

引入其css:

require('swiper/dist/css/swiper.css')

在模板里引入js：

import { swiper, swiperSlide } from 'vue-awesome-swiper'

在模板里注册组件：

components: {

swiper,

swiperSlide

}

html代码中，普通文字链接： 

（直接跳转的）<a href="http://boaer.com">网页显示的链接文字</a>

（新页面打开的）：<a href="http://boaer.com" target="_blank">网页显示的链接文字</a>

图片链接：

（一般链接）<a href="http://boaer.com"><img src="http://boaer.com/logo.jpg"></a> 

<a href="http://boaer.com"><img src="http://boaer.com/logo.jpg" border=0></a>

---