檬味博客 » 问答 » 求高手用javascript做一个页面可以动态生成HTML

求高手用javascript做一个页面可以动态生成HTML

function btnSureClick(){ var input=document.getElementById("tbxInput").value;var area=""+input+"";document.getElementById("area").innerHTML=area;document.getElementById("txt").innerText=area;}
求高手用javascript做一个页面可以动态生成HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">

<script>

<!--

function action(){

var num = document.getElementById("number").value;
if(num == ""){
alert("您没有填写内容");
return;
}else if(isNaN(num)){

alert("必需填写数字");
document.getElementById("number").value="";
return;
}else{
document.write("<a id='"+num+"' href='#' target='_blank'>"+num+"</a>");
}
}
//-->
</script>
</HEAD>

<BODY>

<input name="number" id="numbner" type="text"><br>
<input name="but" id="but" type="button" onclick="action()"><br>

</BODY>
</HTML>2013-07-14
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>生成html文档</title>
<script type="text/javascript" language="javascript">
function btnSureClick(){
var input=document.getElementById("tbxInput").value;
var area="<a id="+input+" href=\'#\' target=\'_blank\'>"+input+"</a>";
document.getElementById("area").innerHTML=area;
document.getElementById("txt").innerText=area;
}
</script>

</head>
<body>
<table>
<tr><td>
<input type="text" id="tbxInput" />
<input type="button" value="确定" id="btnSure" onclick="btnSureClick()"/>
</td>
</tr>
<tr>
<td>
<textarea id="area" rows="5" ></textarea>
<textarea id="txt" rows="5" cols="50"></textarea>

<td>
</tr>
</table>
</body>
</html>

另存为 ***.html 文件，运行2013-07-14
mengvlog 阅读 38 次 更新于 2025-09-08 05:28:41 我来答关注问题0
2 个回答檬味博客专题活动
  • 梦忠魂 求html、javascript高手,帮忙看一下这段代码!!求大神!!!

    1. 首先把onchange里面的改一下吧：onchange="Cmd(this)"2. 然后页面里加入如下JS：function Cmd(obj){var txt = obj.options[obj.selectedIndex].text;document.getElementsByName("txtID")[0].value = txt;};整体修改后的代码如下：12function Cmd(obj){var txt = obj.options[obj.selectedInd...

  • anonymous javascript递归函数 求js高手解答,要实现一个根据路径获取json对象值的函数,有很多不明白的地方

    这个问题貌似用不到递归，楼主试下这个：var myjson={a:1,b:{c:{e:3},d:4}}, mypath=['b','c'];function Run(json, path){if (!(path instanceof Array && path.length > 0)){ return json; }var i=0, p = path[i], o = json[p];while(p && o){i++; p = path[...

  • 百度网友a435633 用JavaScript做网页的问题【懂得进】

    这个问题比较有意思，我来做一个试试。 JavaScript 测试 function randNum(max) { do { var a = Math.floor(Math.random() * (max + 1));} while(isNaN(a) || a == null || a == '');return a;} function randHex(max) { var a = randNum(255);var s = a.toString(16...

  • itcristian 求高手javascript 10进制转16进制补零

    因为js里没有类似 '0'*x的方法，也没有类似用1个字符串不足到指定长度的函数，所以只能自己写 function str_pad( hex ){ var zero = '00000000';var tmp = 8-hex.length;return zero.substr(0,tmp) + hex;} 可以使用js内置函数 padStart 第一个参数代表补到几位为止 第二个参数代表用...

  • fengzhiyu_double 求js高手解决:在文本框内的光标处 用js插入文本

    function getCursortPosition (ctrl) {//获取光标位置函数 var CaretPos = 0;// IE Support if (document.selection) { ctrl.focus ();var Sel = document.selection.createRange ();Sel.moveStart ('character', -ctrl.value.length);CaretPos = Sel.text.length;} // Firefox support else...

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部