html调用js变量和函数的几个方法
发布网友
发布时间：2022-04-24 15:20
共1个回答
热心网友
时间：2022-04-19 08:05
<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>
