关于web学习的一些笔记
在javascript中有BOM DOM和自定义的对象模型(user-defined Object Model)
1、一个web页面由三部分组成:
① html 超文本标记语言,是用于描述网页文档的一种标记语言。 用于标记网页中的元素,或其他。
② css 设置web元素的样式。
③ js 最主要的作用是处理事件。
2、为web元素注册Event Handler的方式:
① 把Event Handler作为html标记的属性
例如:<input name="mitForm" type="submit" onclick="return functionName()"/> //其他类推
②将事件处理器作为浏览器对象的属性:
例如:
<script type="text/javascript">
window.document.links[0].onclick = functionName;
</script>
总结 :超文本标记的web上的各个元素都是具体的对象,在浏览器加载html(top to down)时就会为各个元素分配对应的内存空间。
在js中我们可以通过document.getxxxxx(id/name/) ,DOM BOM ……取得其引用。然后我们就可以取得各个元素的属性 或者是调用元素的方法……,处理事件。
2、自己写的一个例子:
<form name="myForm" action="http://localhost:8080/Sturts2_0001_OGNL/sdsubao/TestAction" method="post">
<input name="name" type="text"/>
<textarea name="perImf"></textarea>
</form>
<input name="mitForm" type="submit" onclick="return submitForm()"/>
<script type="text/javascript">
function handle()
{
var tempStr = document.forms[0].nameText.value;
document.write(tempStr);
}
function submitForm()
{
document.forms[0].submit();
}
</script>
注意:form属性method当其值为post时在地址栏里看不到我们所提交的参数,当其为get时我们所提交的参数将显示在地址栏里,为了安全,我们需要考虑。
3、提交表单:参数的格式
<form name="myForm" action="http://localhost:8080/Sturts2_0001_OGNL/sdsubao/TestAction" method="post">
<input name="name" type="text"/>
<textarea name="perImf"></textarea>
</form>
http://localhost:8080/Sturts2_0001_OGNL/sdsubao/TestAction?name=value & perImf=xx,
因为后台处理需要用到这些数据,所以这相当重要,而且TA也相当重要。