Js的简单操作
一下文字就不在配图，具体效果可以点击下面的链接查看效果
适用于html，htm，jsp
在页面开发中很容易用到js，在这里简单说一下js的用法，以下这段html代码示例
在电脑桌面上右键-新建-文本文档 然后重命名，后缀改为html
把以下代码放进去保存
<html >
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>js测试</title>
</head>
<body>
<form>
<p>默认为0，先随便输入一个</p>
文本框:<input id=”int” type=”text” value=”0″ />
<input id=”btn” type=”button” name=”btn” value=”smt” onclick=”f_smt()” /></form>
<p id=”text”></p>
</form>
</body>
</html>
原页面代码大概就是一个这样的东西，然后再中间插入js代码
随便找个地方，把以下代码放进去
<script>
function f_smt()
{
//先获取文本框的值
var str=document.getElementById(“int”);//通过id来获取对象
alert(“你所输入的值是”+str.value);//取值然后弹出
//修改文本框的值
alert(“文本框的值通过按钮设置为10！！”);
str.value=”10″;
//更改文本框颜色
alert(“接下来更改文本框颜色！！”);
str.style.backgroundColor=”#008B8B”;
//更改文字颜色
alert(“接下来更新字体颜色！！”);
str.style.color=”red”;
//添加文本
var text=document.getElementById(“text”);//先获取p标签对象
//然后插入文字
alert(“然后在下方插入文字！！”);
text.innerHTML=”hello,这是插入的内容”;
//
}
</script>
点击按钮后，每一个提示后边就是一条执行语句！！
我是放在了最下边
在按钮的标签中我加入了onclick属性，他的意思是鼠标点击事件，就是点一下鼠标会发生的事情
然后后面就是我写的js运行的效果，其中的绿色部分为注释，就是代码的说明
此文为原创，转载请说明出处