HTML 链接 - href - 相关文章

html 空链接 href="#"与href="javascript:void(0)"的区别

#包含了一个位置信息默认的锚是#top 也就是网页的上端而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是#但跳动到了页首而javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0) 你可使用如下例子来测试一下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x…

HTML 链接 - href

链接在HTML的学习中,链接的标签发挥着很大的作用,HTML 使用超级链接与网络上的另一个文档相连.几乎可以在所有的网页中找到链接.点击链接可以从一张页面跳转到另一张页面. 比如说:实例创建超级链接本例演示如何在 HTML 文档中创建链接. 将图像作为链接本例演示如何使用图像作为链接. HTML 超链接(链接) 超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分. 当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小…

最佳死链接href= "#" VS href= "javascript:void(0);"

href= "#" 熟悉hash跳转的同学都知道,只是一个hash跳转,跳转到页面的顶部,可以发现地址栏多了一个#,点击返回会返回本页面. href= "javascript: void(0)" 这是一个单纯的死链接 javascript: void()方法是一个没有返回值的函数,此种方法是不被推荐的,但仍然大量使用最佳方案: href= "javascript:;" 详情: http://www.jb51.net/article/34156.…

Chrome浏览器导出pdf时，隐藏链接HREF

在使用chrome打印pdf是,会出现链接的HREF也同时打印的情况,只要加一句CSS即可 @media print { a[href]:after { content: none !important; } }…

链接href的多重使用

1. 拨打电话在电话号码前面可以加上 + (加号)表示国际号码. <a href="tel:10086">10086</a> 使用wtai协议进行拨打电话: <a href="wtai://wp/mc;10086">10086</a> 2. 发送短信如果是需要调用短信的接口,可以将链接写成下面的格式: sms:<phone_number>[,<phone-number>]*[?body=&l…

MUI框架a链接href跳转失效解决方法，解决MUI页面不会滚动的方法

//解决所有a标签导航不能跳转页面 mui('body').on('tap','a',function(){document.location.href=this.href;}); //解决MUI页面不会滚动的方法 (function($){ $(".mui-scroll-wrapper").scroll({ bounce: false,//滚动条是否有弹力默认是true indicators: true, //是否显示滚动条,默认是true }); })(mui); 下面是例子:…

<link rel="stylesheet" href="3.css"/> 链接方式

如何用angularjs给从后台传来数据添加链接

<!DOCTYPE html> <html ng-app="myApp"> <head> <meta charset="UTF-8"> <title>angular</title> </head> <body ng-controller="myCtrl"> <table> <tr ng-repeat="name in nam…

超文本引用href的几种用法

href="要跳转目标链接"; href="#";当前页面不跳转(返回顶部) href="###";当前页面不跳转(同时不回到顶部) href="javascript:;";当前页面不跳转,返回空 href="javscript:void(0);";当前页面不跳转,无返回值 href="javasript:alert("hello world");" href=&qu…

HTML基础总结<链接>

HTML 超链接(链接) HTML使用标签 <a>来设置超文本链接. 超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分. 在标签<a> 中使用了href属性来描述链接的地址. 默认情况下,链接将以以下形式出现在浏览器中: 一个未访问过的链接显示为蓝色字体并带有下划线访问过的链接显示为紫色并带上下划线点击链接时,链接显示为红色并带上下划线 HTML 链接语法链接的 HTML 代码很简单.它类似这样:: <…

PHP替换HTML文件中所有a标签的HREF属性，其他不变

转载出处:http://www.luanxin.top/index.php/archives/21/ 仿站的时候扒下来的代码a链接总是指向别的地方,要一个一个改的话都要累死了,展示的时候随便点一下就乱跳,很烦,于是想用php写一个能改变a链接href属性的代码,代码如下: <?php // 替换a标签中的href属性值 function a_replace_href($str) { $preg = '/href=(\"|\')(.*?)(\"|\')/i'; $replacest…

"文字链接"组件:<h-link> —— 快应用组件库H-UI

<import name="h-link" src="../Common/ui/h-ui/basic/c_link"></import> <template> <div class="container"> <div> <h-link text="关于我们" href="About"></h-link> </div…

【.net+jquery】绘制自定义表单（含源码）

前言两年前在力控的时候就想做一个类似的功能,当时思路大家都讨论好了,诸多原因最终还是夭折了.没想到两年多后再这有重新提出要写一个绘制表单的功能.对此也是有点小激动呢?总共用时8.5天的时间基本功能也就实现了,当然再者中间也借用了网上的一些资料,公司前端也没有帮忙处理,所以样式和部分功能还没有更好地得到处理,github上出的code只有前端脚本,至于后端的处理,会在博客中体现出来. 1.工作前准备 1.1.实现的思路思路一: (1)ueditor添加自定义按钮 (2)绘制表单(控件会触发的脚…

html+css笔记

文档结构 1.html文档结构 ①文档类型声明严格型(标准模式): <!DOCTYpE HTML> HTML5 XHTML 1.0:<!DOCTYpE html pUbLC"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Strict DTD 准标准模式:transitional过渡型 frameset框架…

HTML a标签、4个伪类、常用属性(下载)、锚链接（待扩展：邮件、电话、短信、GPS）

HTML 超链接<a> 1.超链接可以是一个字.一个词.一组词.一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分. 2.当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手. 3.标签<a> 中使用了href属性来描述链接的地址. 默认情况下,链接将以以下形式出现在浏览器中: 一个未访问过的链接显示为蓝色字体并带有下划线. 访问过的链接显示为紫色并带有下划线. 点击链接时,链接显示为红色并带有下划线. 注意:如果为这些超链接设置了 CSS 样式,展示样式…

Bootstrap模态弹出窗

Bootstrap模态弹出窗有三种方式: 1.href触发模态弹出窗元素: <a class="btn btn-primary" data-toggle="modal" href="#mymodal-link" id="href-btn">通过链接href属性触发</a>  <div class="modal fade" tabind…

轻松自动化---selenium-webdriver(python) (三)

本节重点: 简单对象的定位 -----自动化测试的核心对象的定位应该是自动化测试的核心,要想操作一个对象,首先应该识别这个对象.一个对象就是一个人一样,他会有各种的特征(属性),如比我们可以通过一个人的身份证号,姓名,或者他住在哪个街道.楼层.门牌找到这个人. 那么一个对象也有类似的属性,我们可以通过这个属性找到这对象. 定位对象的目的一般有下面几种 · 操作对象 · 获得对象的属性,如获得测试对象的class属性,name属性等等 · 获得对象的text · 获得对象的数量 webdriv…

很实用的baguetteBox.js 图片弹出层

lightbox JS插件--baguetteBox.js,它是用纯Javascript创建的图像展示效果,拥有图像放大缩小并带有相应的CSS3过度,并能在触摸屏等设备上完美展示. baguetteBox.js 优势javascript完成,不需要jQuery库支持支持触屏手机端支持显示标题和说明等支持响应式效果支持CSS3过渡效果使用 SVG 按钮,没有多余的文件下载启用 gzip 压缩后仅 2KB 在线实例默认淡入淡出响应式图片使用方法 <div class="header l…

fancybox 最基本的使用步骤

初步使用第一步 :引用js和样式第二步 :设定要触发显示的元素(a标签,链接href指向div的id) <div><a href="#adddivtest" id="addbtndiv">测试</a></div> 第三步: 设定要触发后显示在面板里面的内容块(一般div,必须有2层包装) <div style="display:none;"> <div…

复制到剪贴板的JS实现--ZeroClipboard （兼解决IE下兼容问题）

复制到剪贴板的JS实现--ZeroClipboard (兼解决IE下兼容问题) 相信绝大多数人都遇到过这样的功能实现,“复制”或者“复制到剪贴板”这样的功能.但是由于各大浏览器的实现方案不一样,导致几乎没有统一的实现这样功能的方案.而被各大程序猿喜欢的jQuery也没有类似的方法或者函数来实现这一功能.包括博客园这样的技术博客区对代码的复制,也没有直接复制到剪贴板,需要用户自己去手动ctrl+c.如下: 对于一般技术类的用户来说这没什么,但是对于那些非技术类的人来说,反而会觉得比较麻烦.因此从实…

(转载)selenium-webdriver(python)

转载地址: http://www.cnblogs.com/fnng/p/3183777.html 本节重点: 简单对象的定位 -----自动化测试的核心对象的定位应该是自动化测试的核心,要想操作一个对象,首先应该识别这个对象.一个对象就是一个人一样,他会有各种的特征(属性),如比我们可以通过一个人的身份证号,姓名,或者他住在哪个街道.楼层.门牌找到这个人. 那么一个对象也有类似的属性,我们可以通过这个属性找到这对象. 定位对象的目的一般有下面几种 · 操作对象 · 获得对象的属性,如获得测试对…

HTML5和CSS3基础教程(第8版）-读书笔记

第1章网页的构造块一个网页主要包括以下三个部分: n 文本内容(text content):在页面上让访问者了解页面内容的纯文字. n 对其他文件的引用(references to other files):我们使用这些引用来加载图像.音频.视频文件,以及样式表(控制页面的显示效果) 和JavaScript文件 (为页面添加行为).这些引用还可以指向其他的 HTML 页面和资源. n 标记(markup):对文本内容进行描述并确保引用正确地工作. 此…

利用name或id属性设置页面跳转的锚点

理论准备网页中的链接按照链接路径的不同,可以分为3种类型,分别是内部类型.锚点链接和外部链接: 按照使用对象的不同,网页中的链接又分为文本超链接,图像超链接,E-mail链接,锚点链接,多媒体文件链接,空链接等. ★ 利用name或id实现网页跳转锚点的设置(Anchor)) 代码 <style> body { text-align: center; } a:nth-child(odd){ /*选取索引序号为基数的<a>标签*/ positio…

pythonchallenge(三)

PythonChallenge_3 一.实验说明 1. 环境登录无需密码自动登录,系统用户名shiyanlou,密码shiyanlou 2. 环境介绍本实验环境采用带桌面的Ubuntu Linux环境,实验中会用到桌面上的程序: 1. LX终端(LXTerminal): Linux命令行终端,打开后会进入Bash环境,可以使用Linux命令2. Firefox:浏览器,可以用在需要前端界面的课程里,只需要打开环境里写的HTML/JS页面即可3. GVim:非常好用的编辑器,最简单的用法可以参…

WGZX:javaScript 学习心得--2

转贴javascript心得(二) 标签: javascriptajaxweb开发htmlfirefox框架 2008-09-11 10:56 636人阅读评论(0) 收藏举报分类: UI(21) 1,不要认为Struts已经过时了,也不要盲目的去追随JSF以及更新的MVC框架,在目前Struts仍旧是最为优秀的MVC框架,尤其是后来与spring.hibernate(或者Ibatis)的结合,使得Struts的应用得到了进一步的发展,也许你认为Webwork2.SpringMVC…

用WebDriver实现基于jira过滤器视图的统计自动化

在Jira上通过过滤器我们可以做出多种视图,以方便统计我们想要收集的结果.比如:我想查看所有分派给我的任务.在Jira上,我保存了一个过滤器,叫做“分派给我的所有任务”.这个过滤器可以过滤出所有分配给我的任务.下面我要对每一个分配给我的任务做一下统计,收集一些关键的字段值,并输出到excel表: 利用WebDriver实现,代码如下: import java.io.File; import java.io.IOException; import java.util.ArrayList; impo…

JavaScript document

window -- document用于表现HTML页面当前窗体的内容 document,中文"文档" document是BOM中最重要对象之一 document对象是window对象的属性 document对象包含一个节点对象,此对象包含每个单独页面的所有HTML元素,这就是W3C的DOM对象. document属性 cookie -- 用户cookie title -- 当前页面title标签中定义的文字 URL -- 当前页面的URL 下面内容的不建议使用 alinkColor…

webdriver(python) 学习笔记三

知识点:简单的对象定位对象的定位应该是自动化测试的核心,要想操作一个对象,首先应该识别这个对象.一个对象就是一个人一样,他会有各种的特征(属性),如比我们可以通过一个人的身份证号,姓名,或者他住在哪个街道.楼层.门牌找到这个人. 定位对象的目的一般有下面几种操作对象获得对象的属性,如获得测试对象的class属性,name属性等等获得对象的text 获得对象的数量 webdriver提供了一系列的对象定位方法,常用的有以下几种 id name class name link text pa…

yii项目开发项目常用技巧和方法汇总

1.使用CActiveForm类组件如何输出不带html属性的结果 eg:<?php echo $form->textField($model,'email',array('size'=>30,'maxlength'=>40)); ?>是一个返回带表单的属性的结果 aq:如何返回字段本身? eg:<?php echo CHtml::value($model,'username'); ?> 2.使用CGridView常用技巧 a.改变分页位置 'template'=…

Pythonchallenge一起来闯关

http://www.pythonchallenge.com/是一个在线的python过关游戏,一共有33关.玩这个游戏对熟悉python用法及相关库的使用都很有好处. 目前做到了第九关.python版本3.4. 操作系统版本32位win7,64位win7. 0.http://www.pythonchallenge.com/pc/def/0.html 计算2的38次方 1.http://www.pythonchallenge.com/pc/def/274877906944.html 提示已经很清…

【HTML 链接 - href】的更多相关文章