html调用js变量和函数的几个方法
引自http://blog.csdn.net/shenshen123jun/article/details/18078291
<span style="font-size:18px;"><html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/javascript"> var RestID = 2;//javascript变量 function a() {//javascript函数 window.open("showNews.aspx?id= " + RestID); } </script> </head> <body> <form id="form1" runat="server"> <script language="javascript" type="text/javascript"> var str1,str2 str1="fdsgdg dsfdsf china" str2="武汉市广播电视大学" document.write("显示字符串1:"+str1+"<br>") document.write("显示字符串2:" + str2 + "<br>") //document.write()函数的写法很重要,写好才能正确的读到javascript的参数 <span style="color:#ff6666;">//方式一,打开新窗口,转到新链接 </span> document.write(" <a href= 'showNews.aspx?id="+RestID+"' style='text-decoration:none; color:Black;' target='_blank'> 目标页 </a> ") </script> <span style="color:#ff9966;">//方式二,使用javascript:location.href,但是不能在新窗口中打开链接 </span> <a href= "javascript:location.href= 'showNews.aspx?id= ' + RestID " style=" text-decoration:none; color:Black;" target="_blank"> 目标页 </a> <span style="color:#33cc00;">//方式三,使用javascript:open,只能在搜狗浏览器里打开,在IE、火狐、360浏览器里面都打不开,就是说明这个方法不太好 </span> <a href= "javascript:open( 'showNews.aspx?id= ' + RestID)" style=" text-decoration:none; color:Black;" target="_blank"> 目标页 </a> <span style="color:#ff6666;">//方式四使用window.open但是鼠标为箭头而不是表示链接时的手型, </span> <a onclick= "window.open( 'showNews.aspx?id= ' + RestID)" style=" text-decoration:none; color:Black;" target="_blank"> 目标页 </a> <span style="color:#009900;">//方式五调用 javascript函数 ,但是鼠标为箭头而不是表示链接时的手型, </span> <a onclick= "javascript:a()" style=" text-decoration:none; color:Black;" target="_blank"> 目标页 </a></form> </body> </span>