1.JAVASCRIPT输出HTML代码
<script type="text/javascript">
function aa(){
str="<table border=1><tr><td>11111</td><td>222222</td></tr></table><table border=1><tr><td>33333</td><td>444444</td></tr></table>"
document.getElementById("d1").innerHTML =str;
}
</script>
<input type="button" value="显示表格" onclick="aa()">
<div id="d1"></div>
2.如何用js脚本输出一段Html代码
拿到你的页面元素,使用append,appendTo,prepend或prependTo
prepend() 语法:$(selector).prepend(content) 或 $(selector).prepend(function(index,html))
prependTo() 语法:$(content).prependTo(selector)
提示:prepend() 和 prependTo() 方法作用相同。
差异在于语法:内容和选择器的位置,以及 prependTo() 无法使用函数来插入内容。
append() 方法在被选元素的结尾(仍然在内部)插入指定内容。
append() 语法:$(selector).append(content)
appendTo() 语法:$(content).appendTo(selector)
3.怎么用JS输入HTML代码
JS输入输出HTML代码有2种方式:
1、在需要输出的的位置写JS代码:<script>document.write('需要输出的内容')</script>
比如:
<ul>
<script>document.write('<li><a href="/wap2/newsPage/1320">5</a></li><li><a href="/wap2/newsPage/1319">4</a></li><li><a href="/wap2/newsPage/1318">3</a></li><li><a href="/wap2/newsPage/1317">2</a></li><li><a href="/wap2/newsPage/1316">1</a></li>');
</script>
</ul>
2、采用js的innerHTML方法:
例子;
<ul id="ul"></ul>
<script>
document.getElementById("ul").innerHTML='<li><a href="/wap2/newsPage/1320">5</a></li><li><a href="/wap2/newsPage/1319">4</a></li><li><a href="/wap2/newsPage/1318">3</a></li><li><a href="/wap2/newsPage/1317">2</a></li><li><a href="/wap2/newsPage/1316">1</a></li>';
</script>
4.如何用js脚本输出一段Html代码
拿到你的页面元素,使用append,appendTo,prepend或prependToprepend() 语法:$(selector).prepend(content) 或 $(selector).prepend(function(index,html))prependTo() 语法:$(content).prependTo(selector)提示:prepend() 和 prependTo() 方法作用相同。
差异在于语法:内容和选择器的位置,以及 prependTo() 无法使用函数来插入内容。append() 方法在被选元素的结尾(仍然在内部)插入指定内容。
append() 语法:$(selector).append(content)appendTo() 语法:$(content).appendTo(selector)。
5.javascript输出Html代码的问题
<body>
<table width="327" height="176" border="1">
<tr>
<td> </td>
<td> <span id="s_a"></span></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><span id="s_b"></span> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td><span id="s_c"></span> </td>
</tr>
</table>
<script>
//想放在哪就在哪放个<span id="s_b"></span>,id的值要与document.getElementById("s_a")这一致
var a="这是第一个";
var b="这是b";
var c="这是第c个";
document.getElementById("s_a").innerHTML=a;
document.getElementById("s_b").innerHTML=a;
document.getElementById("s_c").innerHTML=a;
</script>
</body>
6.js如何写html页面
js输出html中表格的方法如下:
document.write("<table border=1 >")
for(i=1;i<=r;i++)
{
document.write("<tr>")
for(j=1;j<=c;j++)
document.write("<td>"+Math.pow(j,i)) //输出数组
document.write("</tr>")
}
document.write("</table>")
运行结果:
7.使用JAVASCRIPT输出HTML
Js:
td.innerHtml="<a href = "javascritp:dosomething('a')">context</a>";
Jquery:
$(td).html("<a href = "javascritp:dosomething('a')">context</a>");
跟你的<A>;标签无关的,你要获得的是你要插入这个标签的单元格。
这个你明白我的意思吗?
js有个通用的内置函数,document.getElementById(String s);
你首先需要给你那个单元格定义上Id属性,然后通过上面那个函数(把id做为参数)获得,然后使用innerHtml属性来改变。
如果你说的是javascritp:dosomething('a')这个函数里面的那个参数的话,你这样写他就是一个字符a,如果a是变量的话直接写javascritp:dosomething(a)。
如果你说o.geta(){a=value};这个函数怎么写的话,我们也不知道你要获得什么东西,是AJAX返回的字符串?还是其他什么?
转载请注明出处育才学习网 » js页面输出html代码怎么写