html调用js变量和函数的几个方法(转载)

shuilupi · 发表于 2013-7-17 21:45:10

<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+"
")
document.write("显示字符串2：" + str2 + "
")
//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>

复制代码

		自动登录	找回密码
密码

html调用js变量和函数的几个方法(转载) [复制链接]