SDSteam

导航

关于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也相当重要。

 

posted on 2012-04-15 01:21  SDSteam  阅读(162)  评论(0编辑  收藏  举报