javascript html小技巧

原创于 2008-08-20 21:56:44 发布 · 99 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML #JavaScript #CSS #ViewUI

javascript & html 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了JavaScript中几个实用的技巧，包括使用eval()函数执行字符串内的JavaScript代码实现简易计算器功能，通过Math函数进行数学运算，动态添加表格行及单元格，以及根据用户设置加载不同的CSS样式文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[color=blue]1. eval()[/color] 可以解析字符串，当作javascript语句执行。比如：eval("5-3*2")，可以制作简单的计算器。eval("alert('Hello World')")这可以执行alert语句。

form.input.value = eval(form.input.value)

2. 数学函数

form.input.value = Math.cos(x);

[color=blue]3. Add a row for t table[/color]


<script language="javascript">
function add(){
  var t = document.getElementById("t");
  var tr = t.insertRow(t.rows.length-1);
  tr.insertCell().innerHTML="<input name='a'>";
  tr.insertCell().innerHTML="<input name='b'>";
  tr.insertCell().innerHTML="<input name='c'>";
  tr.insertCell().innerHTML="<input type='button' value='del' onclick='del(this)'>";
}
function del(button){
  if(!confirm("Delete?"))return;
  var tr = button.parentNode.parentNode;
  tr.parentNode.removeChild(tr);
}
</script>

[color=blue]4. Load style file(css) according user's setting[/color]
<link rel="Stylesheet" type="text/css" href="/ui/css/default.css" runat="server" id="defaultcss" />

defaultcss.Attributes["href"] = "/css/abcd.css"