html类似的方法js的简单介绍

html中a标签怎么调用js中的function方法

这样子比较直观些：a href="javascript:;" onclick="javascript:function()"text/a。

我们常用的在a标签中有点击事件：

a href="javascript:js_method();"

这是我们平台上常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句

a href="javascript:void(0);" onclick="js_method()"

这种方法是很多网站最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。

a href="javascript:;" onclick="js_method()"

这种方法跟跟2种类似，区别只是执行了一条空的js代码。

a href="#" onclick="js_method()"

这种方法也是网上很常见的代码，#是标签内置的一个方法，代表top的作用。所以用这种方法点击后网页后返回到页面的最顶端。

a href="#" onclick="js_method();return false;"

这种方法点击执行了js函数后return false，页面不发生跳转，执行后还是在页面的当前位置。

此外还可以用js(jquery)单独给标签绑定click事件。

相关问答

Q1: javascript 如何用类似createElement的方法通过一段html创建一个节点

最开始我想到的方法和二楼一样，但是，实际操作了一下，不能解决类似tdtr这种问题。

火狐里tdtr如果位置写的不正确会被直接删除。例如：

div id="testdiv" style="background:#c0c0c0;width:900px;height:100px;"tr id="testtr"

11111111

/tr/div

浏览器显示出来：

div id="testdiv" style="background:#c0c0c0;width:900px;height:100px;"

11111111

/div

这还是直接写页面源代码的情况。

appendChild();方法也一样,所以返回的只有：文本节点：”hello world“。

js有一种var temp = document.createDocumentFragment();临时存储节点，也是同样，会去掉trtd。除非是向table元素中 appendChild()或innerHTML 否则都会被忽略。且只能是向tr下追加td 或者 向table下追加tr才有效。

你自己找正则去吧。又没分。

Q2: 如何在html中调用js函数

一、工具：Dreamweaver软件、电脑

二、操作步骤：

【1】打开Dreamweaver软件，然后在创建新项目下选择HTML；

【2】点击“文件”选项，然后点击“另存为”，将文件命名为test，并将其保存在电脑桌面上；

【3】编写一个基本的html文件，该html文件包含一个用户名及一个密码输入文本框和一个确定以及一个取消按钮；

【4】在title标签下插入script language="JavaScript"js代码/script，然后在html中调用js函数；

【5】完成js代码编写及html调用js代码后保存tset.html文件，然后在浏览器中打开test.html文件，检查js代码执行的效果；

【6】在Dreamweaver软件中新建一个check.js文件（方法同html文件新建），在check文件中输入校验函数；

【7】然后在test.html的title标签下引用check.js文件；

【8】在程序中引用check.js文件中的js函数，然后在浏览器中刷新test.hmtl文件，然后在username的输入框中输入非法字符来检验js代码。

Q3: 如何在html中调用JS文件

一、JavaScript脚本语言的特性

JavaScript脚本语言是一种面向浏览器的网页脚本编程语言。脚本语言有以下几个特性：

1、在客户端执行。完全在用户的计算机上运行，无须经过服务器。

2、面向对象。具有内置对象，也可以直接操作浏览器对象。

3、动态变化。可以对用户的输入作出反应，也可以直接对用户输出。

4、简单易用。JavaScript脚本语言虽然简单，但初学者也能快速掌握。

5、只能与HTML语言一起使用。要通过浏览器解释执行。

二、如何在HTML中加入JavaScript脚本

JavaScript采用的格式如下：

Script Language="JavaScript"

JavaScript 语句

/Script

把上述语句放在HTML的head与/head之间，也可放在body与/body之间。

例子：在网页上显示“你好！”。

html

body

Script Language="JavaScript"

alert("你好！")

/script

/body

/html

三、在浏览器地址栏直接执行JavaScript脚本

也可以在浏览器的地址栏中输入JavaScript语句，由浏览器直接执行。

如输入：javascript:alert(200*75)

四、调用JavaScript文件

可以将纯JavaScript的语句另外保存在一个"*.js"的文件中，需要时再调用。

例子：调用test.js文件，显示提示。

html

body

调用test.js文件

script language="JavaScript" src="test.js"

/script

/body

/html

test.js的文件内容如下：

alert("这是被调用的语句。")

五、注释语句

用!- ... -表示注解部分，用作说明解释，浏览器不显示出来。不要也可以。

另外，双斜线 "//" ，是JavaScript 的注释语句，它后面的语句不被执行。

六、变量的使用

变量的声明：Var usename

变量的赋值：usename="李国强"

例子：在网页上显示“李国强你好！”。

html

body

Script Language="JavaScript"

Var usename

usename="李国强"

alert(usename + "你好！")

/script

/body

/html

七、数组

数组的定义：var name=new Array(5) 用 new 来生成数组。

数组的赋值：name[1]="Marry"

数组的初始化：var name=new Array("Marry","Petty","Mike","Jphn")

数组的引用：name[1]

注：数组的第一个素由1开始。

八、运算符与表达式

1、代数运算符：加（+）、减（-）、乘（*）、除（/）、取余（%）。

2、比较运算符：等于（==）、不等于（!=）、大于（）、小于（）、大于等于（=）、小于等于（=）。

3、逻辑运算符：逻辑与（）、逻辑或（||）、逻辑非（!）。

表达式：由变量和运算符组成的式子。如：usename + "你好！"

关于html类似的方法js和的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。