<html>
<head>
<meta charset="utf-8">
<title>Details</title>
<style>
{
margin:0;
}
table{
margin:auto;
width: 800px;
border: 1px solid black;
border-collapse:collapse;
}
caption{
text-align:left;
font: bolder 22px consolas;
}
th{
background-color:red;
}
th,td{
text-align:center;
border:1px solid black;
}
td>input[type=text]{
width:50px;
text-align:center;
}
</style>
<script>
onload = function(){
var tbody = tabtBodies[0];
var rows = tbodyrows;
var texts = tbodygetElementsByTagName("input");
for(var i = 0; i < textslength; i++){
var ti = texts[i];
tionkeyup = function(){
var me = this;
var dom = meparentElementnextElementSibling;
var price = dominnerHTMLreplace(/[^\d\]/g,"");
var total = domnextElementSibling;
totalinnerHTML = "$" + (mevalue price)toFixed(2);
var t = 0;
for(var i = 1; i < rowslength - 1; i++){
var td = rows[i]cells[4]innerHTMLreplace(/[^\d\]/g,"");
t += td 1;
}
suminnerHTML = "$" + ttoFixed(2);
}
}
}
</script>
</head>
<body>
<table id="tab">
<caption>Order Details</caption>
<tr>
<th>Product Code</th>
<th>Decription</th>
<th>Qty</th>
<th>Price</th>
<th>Total</th>
</tr>
<tr>
<td>COMP001</td>
<td>The Ultimate Smartphone</td>
<td><input type="text" /></td>
<td>$39999</td>
<td>$000</td>
</tr>
<tr>
<td>COMP002</td>
<td>The Ultimate Tablet</td>
<td><input type="text" /></td>
<td>$29999</td>
<td>$000</td>
</tr>
<tr>
<td>COMP003</td>
<td>The Ultimate Netbook</td>
<td><input type="text" /></td>
<td>$49999</td>
<td>$000</td>
</tr>
<tr>
<td colspan=4 style="text-align:right;">Order Total</td>
<td id="sum">$000</td>
</tr>
</table>
</body>
</html><script>
function $(v){return documentgetElementById(v);}
var x=0;
function c(y){
$("a"+x)styledisplay = "none";
$("a"+y)styledisplay = "";
x=y
}
</script>
<a href="javascript:;" onclick="c(0);">菜单一</a>
<a href="javascript:;" onclick="c(1);">菜单二</a>
<div id="a0">这里是文字</div>
<div id="a1" style="display:none;">这里是，自己写上<img src="地址"></div>
左侧右侧布局我没给你写，只写了、文字切换功能。
1</font[^><]> 这个只却掉font标签的, 保留除font以外的所有标签, 如<img><p>等等 同样的你需要去掉其他标签, 只需要将里面的font换你要去掉的；
2</[^/(img)|(p)][^><]> 这个保留(这里我写的保留了img, p这两个标签)你指定的标签,其他的(包括font)全去掉, 如果你还有其他的标签想保留, 直接在里面加一个 |(xxx)；
3</[a-zA-Z]+[^><]> 这个表达式可以去掉所有HTML的标签；
4JAVA代码可以这样写:
public static String delTagsFContent(String content){
String patternTag = "</[a-zA-Z]+[^><]>";
String patternBlank = "(^\\s)|(\\s$)";
return contentreplaceAll(patternTag, "")replaceAll(patternBlank, "");
}
清除所有默认样式的css代码：
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code，
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
初始化代码（清除CSS代码）：
ul,li{ padding:0;margin:0;list-style:none}
解析清除ul li样式代码：
相等于分别对ul和li设置padding:0;margin:0;list-style:none；
padding:0 —— 设置内补白（对象内间距）为0
margin:0 —— 设置对象外间距为0
list-style:none —— 去除自带无序圆点
HTML/javascript
引用外部文件中的js脚本,
<script type="text/javascript" src="extjs"></script>也可以象下面这样写，language不是必要的，但是推荐上面的写法；
<script language="javascript" type="text/javascript" src="extjs"></script>
页面内引用：
<script type="text/javascript">//<![CDATA[var x = 0;function fn(args) { //} //]]></script>加上“//<![CDATA[” 和 “//]]>”是为了兼容XHTML，是推荐的写法，HTML时代一般用“<!--”和“//-->”
在一些HTML控件的事件属性中使用（一般事件为onxxx，如onmouseover,onclick,onchange）
<body onload="alert('loaded');"><input type="text" name="username" onclick="alert(thisvalue);" />在一些HTML控件的非事件属性中使用（注意：一定要加javascript:）
<a href="javascript:void(0);" onclick="alert(thisinnerText);">my blog:>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）