html调用js变量和函数的几个方法

一、html调用js变量和函数的几个方法

1、<span style="font-size:18px;">

2、<script type="text/javascript">

3、var RestID= 2;//javascript变量

4、 window.open("showNews.aspx?id="+ RestID);

5、<form id="form1" runat="server">

6、<script language="javascript" type="text/javascript">

7、 document.write("显示字符串1："+str1+"<br>")

8、 document.write("显示字符串2："+ str2+"<br>")

9、//document.write()函数的写法很重要，写好才能正确的读到javascript的参数

10、<span style="color:#ff6666;">//方式一，打开新窗口，转到新链接

11、</span> document.write("<a href='showNews.aspx?id="+RestID+"' style='text-decoration:none; color:Black;' target='_blank'>目标页</a>")

12、<span style="color:#ff9966;">//方式二，使用javascript:location.href，但是不能在新窗口中打开链接

13、</span><a href="javascript:location.href='showNews.aspx?id='+ RestID" style=" text-decoration:none; color:Black;" target="_blank">目标页</a>

14、<span style="color:#33cc00;">//方式三，使用javascript:open，只能在搜狗浏览器里打开，在IE、火狐、360浏览器里面都打不开，就是说明这个方法不太好

15、</span><a href="javascript:open('showNews.aspx?id='+ RestID)" style=" text-decoration:none; color:Black;" target="_blank">目标页</a>

16、<span style="color:#ff6666;">//方式四使用window.open但是鼠标为箭头而不是表示链接时的手型，

17、</span><a onclick="window.open('showNews.aspx?id='+ RestID)" style=" text-decoration:none; color:Black;" target="_blank">目标页</a>

18、<span style="color:#009900;">//方式五调用 javascript函数，但是鼠标为箭头而不是表示链接时的手型，

19、<a onclick="javascript:a()" style=" text-decoration:none; color:Black;" target="_blank">目标页</a></form>

二、如何在html中调用js代码

1、我们编写html的时候经常需要调用JS的相关代码，那么如何在HTML中调用JS的代码呢？下面小编给大家分享一下。

2、首先打开Sublime text软件编写一个html页面，如下图所示

3、然后我们在html页面中添加script标签，在script里简单的写一些JS的代码，如下图所示

4、接下来可以定义一个button按钮，通过其click事件来调用JS的代码，如下图所示

5、当然，如果调用的JS代码是外部的文件，则需要在开头的head标签内进行引入才可以使用，如下图所示

三、html如何调用js中的function

你这个主要是显示和隐藏的问题，你只是给出代码，不知道你要实现的是什么样的效果，根据你给的代码，你这里面缺少东西，function的触发可以在页面加载时初始化，也可以点击什么东西时触发，如onclick，ondbclick，onmouseover，onmouseout，onblur，onfocus等等，也可以在ajax中调用，所以主要看你的需求，你这门问不怎么好定位你的问题的。我大概猜测你这个应该是在页面加载的时候需要页面初始化调用的吧！