javascript关于链接的一些用法

(1)javascript:openURL()

http://www.kpdown.com/search?name=Ben Nadel

此URL后边有一个name参数,只不过参数的值竟然带了空格,这样的链接,直接用android浏览器访问,是没有问题的,但用ios的浏览器访问,这就是一个错误的URL,会报错的!可以用encodeURIComponent()方法进行编码,然后再拼接到URL上,这样就安全了

<a href="javascript:openURL(‘http://www.kpdown.com/search?name=Ben%20Nadel‘);" >查询</a>

javascript:openURL()

1 <a href="javascript:openURL(‘http://www.kpdown.com/search?name=Ben%20Nadel‘);">测试href</a>
 2 <a href="javascript:;" onclick="javascript:openURL(‘http://www.kpdown.com/search?name=Ben%20Nadel‘);">测试onclick</a>
 3
 4 <script>
 5   function openURL(url){
 6     /*
 7     * 测试href --print--> http://www.kpdown.com/search?name=Ben Nadel
 8     * 测试onclick --print--> http://www.kpdown.com/search?name=Ben%20Nadel
 9     */
10     console.log(url);
11   }
12 </script>

href属性,在调用openURL传参时自动解码,而onclick属性则保持参数原封不动。

(2)javascript:alert()

<a href="javascript:alert(‘abc‘);">运行</a>

(3)window.location.href

<a href= "# " onclick=doChangeURL()>
//---------script段
function doChangeURL(){
window.location.href= "fee_query.do method=xxx&current_company_id= "+current_company_id;
}

(4)window.location.reload()重载刷新

<a onclick="window.location.reload()">关闭</a>

(5)$(window).load(fn);

load事件主要就是用来代替原生的window.onload,它只能用在两个场景下:

window对象上。比如$(window).load(fn);

带有URL的元素(images, scripts, frames, iframes)。比如$(“img”).load(fn);

load事件需要页面完全加载完成才可以触发,所谓的完全加载完,不仅仅是dom结构加载完,还需要所有的链接引用都加载完才可以。比如页面中有大量图片,必须等每一个图片都加载完成,才叫完全加载完。

ready事件可以加在任意元素上,比如$(window).ready(fn);、$(document).ready(fn);、$(“div”).ready(fn);等等。

ready事件不要求页面完全加载完,只需要加载完dom结构即可触发。       ready事件可以同时注册多个,执行时,按照注册的先后顺序执行。注意,就算是注册不同元素的ready事件,也是按照先后顺序执行。

$(window).ready(function(){
  alert("window");
});
$(document).ready(function(){
  alert("document");
});
$("div").ready(function(){
  alert("div");
});

相关链接: http://www.cnblogs.com/iyangyuan/p/3940451.html

时间: 2024-07-30 20:18:02

javascript关于链接的一些用法的相关文章

【JavaScript】Javascript中document.execCommand()的用法

Javascript中document.execCommand()的用法 合并转载: 转载出处1 转载出处2 document.execCommand()方法处理Html数据时常用语法格式如下:document.execCommand(sCommand[,交互方式, 动态参数]) 其中:sCommand为指令参数(如下例中的"2D-Position"),交互方式参数如果是true的话将显示对话框,如果为false的话,则不显示对话框(下例中的"false"即表示不显

JavaScript模板引擎原理与用法

这篇文章主要介绍了JavaScript模板引擎原理与用法,结合实例形式详细分析了javascript模版引擎相关概念.原理.定义及使用方法,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下 一.前言 什么是模板引擎,说的简单点,就是一个字符串中有几个变量待定.比如: var tpl = 'Hei, my name is <%name%>, and I\'m <%age%> years old.'; 通过模板引擎函数把数据塞进去, var data = { &q

c/c++中#和##链接符号的用法

#include <stdio.h> #include <stdlib.h> /* 英语原文: In function-like macros, a # operator before an identifier in the replacement-list runs the identifier through parameter replacement and encloses the result in quotes, effectively creating a stri

Javascript 获取链接(url)参数的方法

qa项目可能需要客户端获取到url的参数,搜到一个很好的解决方法,记录在博客,省得以后找麻烦. 方法一:分解链接的方式 <script type="text/javascript"> /* * 说明:Javascript 获取链接(url)参数的方法 */ function getQueryString(name) { // 如果链接没有参数,或者链接中不存在我们要获取的参数,直接返回空 if(location.href.indexOf("?")==-1

javaScript中有关正则表达式的用法总结

js中处理正则表达式的类:RegExp 用法: var reg=new RegExp("express"); 或者: var reg=/express/; js中常用的6个方法: test():是否存在 exec():返回查询值 match():得到查询的数组 search():返回搜索的位置 replace():替换 split():分割成数组 这些方法,里面的参数都是正则表达式. js中常用的4大类: 简单类.负向类.组合类.范围类. 简单类:/[123]qqqq/gi:表示开头必

a链接易混淆用法详解

链接可以说遍布互联网,比如你想提供一个可以跳转到百度首页的链接给网友,那么代码如下: <a href="http://www.baidu.com">百度一下,你就知道</a> 而如果这个链接指向的网址你想在浏览器中的新窗口中打开,那么代码如下: <a href="http://www.baidu.com" target="_blank">百度一下,你就知道</a> 那如果我页面中有一堆的a链接都想在

【优波尔】JavaScript的笔记 (1) 简介 用法 输出 语法

JavaScript基础笔记整理(1) 2015.05.29 今日任务:简介 用法 输出 语法 一.JavaScript的简介 JavaScript是脚本语言 JavaScript 是轻量级的编程语言,可插入html的代码 学习JavaScript了你会那些知识? (1)JavaScript:直接写入html输出流 document.write("<h1>这是一个标题</h1>"); (2)JavaScript:对事件的反应 <button type=&q

JavaScript中instanceof运算符的用法以及和typeof的区别

instanceof : 为判断一个对象是否为某一数据类型,或一个变量是否为一个对象的实例;返回boolean类型栗子①: <script type="text/javascript"> var aColors = ["red", "green", "blue"]; alert(typeof aColors[0]); //output "string" alert(aColors[0] inst

javascript中splice()方法的用法

在javascript中splice()方法,是一个很强的数组方法,它有多种用法. splice()主要用途是向数组的中部插入项. 有如下3种方式: 删除--可以删除任意数量的项,只需要指定2个参数:要删除的第一项的位置和要删除项的项数. 例如,splice(0,2)会删除数组中的前两项. 插入--可以向指定位置插入任意数量的项,只需要提供3个参数:骑士位置.0(要删除的项数)和要插入的项. 如果要插入多个项,可以再传入第四.第五,一直任意多个项. 例如,splice(2,1,"red"