html引用js变量_html如何调用外部js中得方法

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

<span style="font-size:18px;">
<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>

㈡ HTML中怎么引用JS

1、通过使用html标签的style属性来写。通过这种方式写的样式会覆盖掉其他引入方式的样式。优先选择行内样式。缺点是不利于后期维护，如果一个页面写太多行内样式，也会让页面看着比较乱。

㈢如何在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 usenameusename="李国强"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 + "你好！"

㈣如何把网页中输入框内的数据变成JS脚本中的一个变量的值

<!复--html-->
<inputtype='text'id='iptTxt'>

<script>
variptTxt=document.getElementById('iptTxt');
//假如a是你需制要的变量，那么可以通过获取iptTxt的value值来赋值给a
vara=iptTxt.value;
</script>

㈤ html中怎么显示js中定义的变量的值并把它放在页面中想要的位置

给出两种方法，一种是在固定位置显示，另一种是在任意位置显示变量的值。

方法1：在固定的位置显示，即自己想要出现的位置。下面是代码格式：document.write sVar，其中的sVar代表变量名。

方法2：在页面任意位置写入JS
document.getElementById(”obj“).innerHTML=sVar，其中obj为需要输出值的元素ID，如div、span等。

㈥怎么在html的<img src="">中调用js的函数或者js变量来指定图片路径

<img src="?" onload="this.src='图片地址';" onerror="this.src='图片地址';" />

如果想实现轮播而又想直接通过图片来触发事件，那么可以用下面回两种方法答来实现：

1、img标签的src属性事先不放实际存在的图片网址，则网页显示后会触发img的onerror事件，那么
<img src="?" id=img1 onerror="nextpic();" />
2、img标签的src属性事先放入实际存在的图片网址，则网页显示后会触发img的onload事件，那么
<img src="123.gif" id=img1 onload="nextpic();" />

㈦ html如何调用外部js中得方法

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如内：index.html，引用容外部js，例如index.js。

㈧怎么在HTML页面中引用JS,CSS文件麻烦写个具体代码

html代码

<!DOCTYPEhtml>
<html>
	<head>
		<metacharset="utf-8">
		<title></title>
		<linkhref="mycss.css"rel="stylesheet"type="text/html"/>
	</head>
	<body>
		<divid="temp"></div>
	</body>
	<scripttype="text/javascript"src="myjs.js"></script>
</html>

mycss.css的代码

#temp{
	width:100px;
	height:100px;
	background:black;
}

myjs.js的代码

window.onload=function(){
	alert("写给怎么在HTML页面中引专用JS,CSS文件?麻烦属写个具体代码");
};

以上三个文件都是放在同一个目录下的，如果需要在不同的目录下请修改css的href和js的src即可

㈨ HTML中怎么引用JS

导航:首页 > 编程语言 > html引用js变量

html引用js变量

与html引用js变量相关的资料

友情链接