将需要在js中修改的代码放在js变量中,该变量在js中定义,然后在insertHtml中添加这段代码,示例如下:
var code = "<a herf = '#'><img url = '#'></img></a>"
insertHtml("beforeend",document.body,code)
将包含上述代码的js引入到页面中即可,在页面上调用js的代码如下:
<script language=javascript src=test.js></script>
insertHtml的使用方法:
insertHtml(where,el,html)
where:插入位置。包括beforeBegin,beforeEnd,afterBegin,afterEnd
el:用于参照插入位置的html元素对象
html;要插入的html代码
例:insertHtml("beforeEnd",document.getElementById("fav_list"),"<li id='aaa'><a href='' class='fav_link'>;百度</a></li>")
2. 如何利用JS插入图片
简单代码如下:
使用JS在Div中插入图片
<div id="ad"></div>
<script type=text/javascript language="javascript">
var img = document.createElement("img")
img.setAttribute("src", "images/bb.")
var a = document.createElement("a")
a.setAttribute("href", "文件里面
在HTML中加入JavaScript脚本JavaScript采用的格式如下:把上述语句放在HTML的与之间,也可放在<body>与之 间。
将JavaScript标识放置… 在头部之间,使之在主页和其余部分代码之前装载,从而可使代码的功能更强大;将JavaScript标识放置 在<body>… 主体之间以实现某些部分动态地创建文档。例子:在网页上显示“你好!”。
<body>在浏览器地址栏直接执行JavaScript脚本也可以在浏览器的地址栏中输入JavaScript语句,由浏览器直接执行。如输入:javascript:alert(200*75)四、调用JavaScript文件可以将纯JavaScript的语句另外保存在一个"*.js"的文件中,需要时再调用。
例子:调用test.js文件,显示提示。<body>调用test.js文件test.js的文件内容如下:alert("这是被调用的语句。
")。
4. 怎样用js代码引入本地图片的路径
1、本地的图片?HTML只能连接网站内的图片,即使在本地,也需要先将图片拷贝到网站内。
2、网页中引用js文件,象你这样如果用到图片路径等时,要注意的是这个路径如果用相对路径表示的话,是网页与图片之间的相对路径,而不是js文件与图片之间的相对路径。如果有多个不同的目录中的网页文件需要引用一个这样的js文件的话,最好的解决办法是用绝对路径。也就是改成:
imgUrl1=("/images/0.")
imgtext1="1111"
imgLink1=escape("/XX")
imgUrl2=("/images/00.")
imgtext2="222"
imgLink2=escape("/XXX")
在JSP中引用JS文件的三种方法:
1、如果是直接访问JSP,则使用相对于JSP页面的相对路径:
image_1b18hnotn96o1psa12es191r1ma69.png-7.1kB
当项目目录如图所示时,则在NewFile.jsp中访问jquery-1.9.1.min.js的方法为:
<scripttype="text/javascript"src="../scripts/jquery-1.9.1.min.js"></script>
2、如果是从action跳转至JSP,则使用相对于WEB工程的相对路径:
image_1b18hnotn96o1psa12es191r1ma69.png-7.1kB
如果是从某一个action跳转到NewFile.jsp,则在NewFile.jsp中访问jquery-1.9.1.min.js的方法为:
<scripttype="text/javascript"src="scripts/jquery-1.9.1.min.js"></script>
3、适用于以上两种情况的方法——使用WEB工程的绝对路径:
<scripttype="text/javascript"src="${pageContext.request.contextPath}/scripts/j