在<a></a>标签中如何调用javaScript脚本
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在<a></a>标签中如何调用javaScript脚本相关的知识，希望对你有一定的参考价值。
<a href="javascript:void(0);" onclick="functionname()" >aaaa</a>
这是最常用的调用的办法，可以参考一下
其他办法在一定程度上具有可行性，但是不常用，可以对比一下效果选择最适合的
<a href="javascript:;" onclick="js_method()”></a>
<a href="#" onclick="js_method();return false”;></a>
扩展资料：
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在html（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。 [1]
为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。
参考资料：百度百科-javascript
在<a></a>中调用javaScript脚本的方法推荐如下：
1、<a href="javascript:void(0);" onclick="js_method()”></a>
这种方法是很多网站最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。
2、<a href="javascript:;" onclick="js_method()”></a>
这种方法跟第1种类似，区别只是执行了一条空的js代码。
3、<a href="#" onclick="js_method();return false”;></a>
这种方法点击执行了js函数后return false，页面不发生跳转，执行后还是在页面的当前位置。
除此之外，还有两个方法供参考：
1、 <a href="javascript:js_method();"></a>a
这是我们平台上常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句
2、<a href="#" onclick="js_method()"></a>
这种方法也是网上很常见的代码，#是标签内置的一个方法，代表top的作用。所以用这种方法点击后网页后返回到页面的最顶端。
taobao的主页，他们采用的是第2种方法，而alibaba的主页是采用的第1种方法，和我们的区别是每个href里的javascript方法都用try、catch包围。
扩展资料：
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。
参考资料：
HTML5.2官方API接口<a>元素
百度百科-javascript
-W3cSchool-HTML <a> 标签
W3cSchool-JavaScript使用
有一下几种方法：
1、a href="javascript:js_method();"
这是我们平台上常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。
W3C标准不推荐在href里面执行javascript语句。
2、a href="javascript:void(0);" onclick="js_method()"
这种方法是很多网站最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。
3、a href="javascript:;" onclick="js_method()"
这种方法也是网上很常见的代码，#是标签内置的一个方法，代表top的作用。所以用这种方法点击后网页后返回到页面的最顶端。
<a href="#"></a> 如果页面有滚动条 点击后网页后返回到页面的最顶端。
4、a href="#" onclick="js_method();return false;"
这种方法点击执行了js函数后return false，页面不发生跳转，执行后还是在页面的当前位置。
扩展资料：
JS全称为javascript,是一种由Netscape的LiveScript发展而来的脚本语言,主要目的是为了解决服务器终端语言遗留的速度问题。
JavaScript 的正式名称是 "ECMAScript"。这个标准由 ECMA 组织发展和维护。ECMA-262 是正式的 JavaScript 标准。这个标准基于 JavaScript (Netscape) 和 JScript (Microsoft)。
Netscape (Navigator 2.0) 的 Brendan Eich 发明了这门语言，从 1996 年开始，已经出现在所有的 Netscape 和 Microsoft 浏览器中。ECMA-262 的开发始于 1996 年，在 1997 年 7 月，ECMA 会员大会采纳了它的首个版本。
在 1998 年，该标准成为了国际 ISO 标准 (ISO/IEC 16262)。这个标准仍然处于发展之中。
参考资料：JS脚本-百度百科
参考技术C <a href="javascript:void(0);" onclick="functionname()" >aaaa</a><a href="javascript:functionname('dd')" >ddddd</a>
<a href="javascript:;"onclick="functionname()" >ddddd</a>
<a href="#"onclick="functionname()" >ddddd</a>
通过上述几种方法均可调用javascript角本。
相关知识：
1、在通过上述几种方法调用js脚本的时候，可以在js的函数中对相关内容进行验证，例如验证失败，则返回false;即return flase;则不执行任何操用。
2、可以通过js实现种类繁多的效果。
3、onclick 事件说明：
onclick 事件会在对象被点击时发生，这个点击是指用户用鼠标在对象上按下鼠标，然后又抬起鼠标的情况下才会激活，只是按下不抬起鼠标不会激活。
即a标签被点击后执行引号中的js程序代码，这个代码基本上可以放在任何一个html对象之中执行，如<div><body><ul><li><a><p>等等。
4、如果在按下鼠标就激活，可以将以上的代码进行替换，将onclick替换为onmousedown
5、其它鼠标相关事件说明，可根据需要进行替换。
onDblClick 双击鼠标
onMouseUp 鼠标抬起
onMouseOver 鼠标移动到对象上方
onMouseMove 鼠标移动时执行
onMouseOut 鼠标移出对象 参考技术D <html>
<head>
<script type="text/javascript">
function myf()
alert("我是链接2");
</script>
</head>
<body>
<a href="javascript:alert('我是链接1')">链接1</a>
<a href="#" onClick="myf()">链接2</a>
</body>
</html>
---------
这里两种都可以，推荐第二种。本回答被提问者和网友采纳
XML
XML的文档描写叙述
<?
xml version="1.0" encoding="utf-8">
每个XML文档必须有，而且仅仅能有一个跟节点（xml大写和小写敏感）
标签一般成对存在，比如：<a></a>等。可是假设标签没有子数据能够写成封闭的 比如<a />
XML的存储结构有下面两种
<标签名>值</标签名>
<标签名 属性="值" 属性2="值"/>
比如：
<person name="张三" age="25" Gender="1"/>
========================================
xml使用 <!--这是凝视内容--> 进行凝视
<?xml version="1.0" encoding="utf-8"?> <studetn> <stuinfo id="001"> <name>张三</name> <age>25</age> <Gender>1</Gender> </stuinfo> <stuinfo id="002"> <name>李四</name> <age>25</age> <Gender>1</Gender> </stuinfo> <stuinfo id="003"> <name>王五</name> <age>25</age> <Gender>1</Gender> </stuinfo> </studetn>
xml 的第二种凝视：<![CDATA[..........]]>
<news> <title>标题</title> <content><a href="http://www.baidu.com">今天的头条新闻</a></content> <!--问题来了，我这个content标签里面不过想放一个超链接作为内容，但是我这个超链接是一个<a></a>这种成对出现的。xml会把它识别成一个节点，那我不像让这个a标签变成一个节点，不过把他当成内容。怎么办呢？--> </news>
请看以下的这样的凝视方式:<![CDATA[..........]]>
<?xml version="1.0" encoding="gb2312"?> <news> <title>标题</title> <content><![CDATA[<a href="http://www.baidu.com">今天的头条新闻</a>]]></content> </news>
用C#语句创建一个XML文档
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Xml;
namespace xml
{
class Program
{
/// <summary>
/// 创建一个XML文档
/// </summary>
/// <param name="args"></param>
static void Main(string[] args)
{
//命名空间：System.Xml;
//类库： XmlDocument 文档
// XmlElement 元素
// XmlAttribute 属性
// XmlText 内容
XmlDocument xdoc = new XmlDocument(); //表示 XML 文档。
//全部的元素使用文档节点创建
XmlDeclaration xdec = xdoc.CreateXmlDeclaration("1.0", "gb2312", null);
xdoc.AppendChild(xdec); //将指定的节点加入到该节点的子节点列表的末尾。
XmlElement xele = xdoc.CreateElement("root");
xdoc.AppendChild(xele); //将指定的节点加入到该节点的子节点列表的末尾。
XmlAttribute xAttr = xdoc.CreateAttribute("id");
xAttr.Value = "101"; //获取或设置节点的值。
XmlText txt = xdoc.CreateTextNode("我是一个文本节点");
xele.AppendChild(txt); //将指定的节点加入到该节点的子节点列表的末尾。
xele.Attributes.Append(xAttr); //将指定的特性插入集合，并将其作为集合中的最后一个节点。
xdoc.Save("D:/XML.XML");
}
}
}
创建好的XML文档内容：
查到节点： 比如在我的E盘下有一个xml.xml的文件。我要依据某个值获取它的父节点
<?xml version="1.0" encoding="utf-8"?> <studetn> <stuinfo id="001"> <name>张三</name> <age>25</age> <Gender>1</Gender> </stuinfo> <stuinfo id="002"> <name>李四</name> <age>25</age> <Gender>1</Gender> </stuinfo> <stuinfo id="003"> <name>王五</name> <age>25</age> <Gender>1</Gender> </stuinfo> </studetn>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Xml.Linq;
namespace ReadXml
{
class Program
{
/// <summary>
/// 依据一个内容的值，来查找父节点（获取父节点的全部内容）
/// </summary>
/// <param name="args"></param>
static void Main(string[] args)
{
XDocument xdoc= XDocument.Load("e:/xml.xml");//从某个文件里去载入xml文档
//将查到到的内容放到XElement中，所以我们建立一个XElement的泛型集合。由于我们查找到的节点可能有多个
List<XElement> list = new List<XElement>();
SearchElements(xdoc.Root, list);
}
public static void SearchElements(XElement ele, List<XElement> list)
{
//首先遍历ele的全部子节点
foreach (XElement item in ele.Elements()) //Elements()表示ele这个节点的全部子节点.即:子元素集合。
{
//推断这个元素的名字是否为name，假设name里存的值是“张三”
if (item.Name.LocalName == "name")
{
if (item.Value == "张三")
{
list.Add(item.Parent);//将"张三"这个节点的负节点加入到list中去
}
}
//假设item里面还有子节点就递归（关于递归能够參考asp.net文章中的<a target=_blank href="http://blog.csdn.net/fanbin168/article/details/45623263" target="_blank">TreeView 树菜单 节点</a><span class="gray"></span>）
SearchElements(item, list);
}
}
}
}
以上是关于在<a></a>标签中如何调用javaScript脚本的主要内容，如果未能解决你的问题，请参考以下文章
highcharts修改title属性，我要改成pm2.5，2.5是下标的那种，PM<sub>2.5</sub>没有起作用，应该怎么修改~