如何在html中调用js函数

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>图片以渐显的方式自动播放</title> <script language=javaScript> <!--// sandra0 = new Image(); sandra0.src = "/jscss/demoimg/wall_s1.jpg"; sandra1 = new Image(); sandra1.src = "/jscss/demoimg/wall_s2.jpg"; sandra2 = new Image(); sandra2.src = "/jscss/demoimg/wall_s3.jpg"; var i_strngth=1 var i_image=0 var imageurl = new Array() imageurl[0] ="/jscss/demoimg/wall_s1.jpg" imageurl[1] ="/jscss/demoimg/wall_s2.jpg" imageurl[2] ="/jscss/demoimg/wall_s3.jpg" function showimage() { if(document.all) { if (i_strngth <=110) { testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+" border=0>"; i_strngth=i_strngth+10 var timer=setTimeout("showimage()",100) } else { clearTimeout(timer) var timer=setTimeout("hideimage()",1000) } } if(document.layers) { clearTimeout(timer) document.testimage.document.write("<img src="+imageurl[i_image]+" border=0>") document.close() i_image++ if (i_image >= imageurl.length) {i_image=0} var timer=setTimeout("showimage()",2000) } } function hideimage() { if (i_strngth >=-10) { testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+" border=0>"; i_strngth=i_strngth-10 var timer=setTimeout("hideimage()",100) } else { clearTimeout(timer) i_image++ if (i_image >= imageurl.length) {i_image=0} i_strngth=1 var timer=setTimeout("showimage()",500) } } //--> </script> </head> <body> <div id="banner" style="position:absolute;visibility:visible;top:0px;left:0px"> 图片要显示在这个div下,如何操作呀? </div> </body> </html>

第1个回答  2020-04-06
<div>
<input
type="button"
value="call"
onclick="showimage()">
</div>
这样是在div中放了一个
按钮
,点击的时候(onclick)调用你写的
函数
'showimage',不知道你要的是不是这样……

HTML内如何调用JS函数
第一步,引入JS文件。可以通过在HTML文档中加入`

如何在html中调用js代码
1、首先打开Sublime text软件编写一个html页面,如下图所示 2、然后我们在html页面中添加script标签,在script里简单的写一些JS的代码,如下图所示 3、接下来可以定义一个button按钮,通过其click事件来调用JS的代码,如下图所示 4、当然,如果调用的JS代码是外部的文件,则需要在开头的head标签内进行引入...

html怎么调用js里面的东西,例如js里面的函数
html调用js函数,有多种方法:1、可以用控件本身进行;如 <input type="text" onchange="javascript:guest();"> 2、通过javascript 中 的 时间控件 定时执行;3、getElementById,实际上得到一个网页中的对象(元素),通过ID检索。<input id="guest" type="text" onchange="javascript:guest();">...

HTML中怎么引用JS ?
1、打开电脑端html编辑器,然后新建HTML文件,以便待会用来引入js文件。2、如图,如果想在head标签中使用javascript脚步,那么最好加入window.onload,然后在花括号里面写js代码。3、而如果是在body下边,那就好办多了,可以直接在script里面写js代码,不需window.onload。4、也可以新建js文件,把html和js分...

怎样在html中使用js文件的内容
html中调用js文件的方法有很多,现在以实例的方式具体介绍一下:一、直接插入在htm代码中 JavaScript采用的格式如下:<Script Language="JavaScript">JavaScript 语句<\/Script>把上述语句放在HTML的<head>与<\/head>之间,也可放在<body>与<\/body>之间。例子:在网页上显示“你好!”。具体代码如下:<html...

html如何调用外部js中得方法
需要准备的材料分别有:电脑、html编辑器、浏览器。1、首先,打开html编辑器,新建html文件,例如:index.html,引用外部js,例如index.js。2、在外部index.js中定义aaa函数。3、在index.html中调用外部js中的aaa()函数。4、浏览器运行index.html页面,此时成功调用外部js中aaa函数打印了内容。

html如何调用js中的function
function setqiehuantab(name,cursel){ cursel_0=cursel;for(var i=1; i<=links_len; i++){ var qiehuanmenu = document.getElementById(name+i);var qiehuanmenudiv = document.getElementById("con_"+name+"_"+i);if(i==cursel){ qiehuanmenu.className="off";qiehuanmenudiv.style....

在html网页里怎么调用js文件中的函数
1、首先要引入js文件 <script src="js\/jquery-1.4.2.js"><\/script> 2、指定的元素调用js的方法 \/* 下面的例子是JQuery的方法调用 each遍历函数,mouseenter函数,find函数*\/ <script> (function () { (".course-side .big-course").each(function () { (this).mouseenter(function () { ...

如何在html中调用JS文件
") <\/script><\/body><\/html>三、在浏览器地址栏直接执行JavaScript脚本也可以在浏览器的地址栏中输入JavaScript语句,由浏览器直接执行。如输入:javascript:alert(200*75)四、调用JavaScript文件 可以将纯JavaScript的语句另外保存在一个"*.js"的文件中,需要时再调用。例子:调用test.js文件,显示提示...

html中a标签怎么调用js中的function方法
a href="javascript:void(0);" onclick="js_method()"这种方法是很多网站最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。a href="javascript:;" on...

相似回答