JS HTML DOM对象和脚本函数的互调用(字符串标识)

从目标对象到script函数的调用:

Js引擎会根据字符串值,搜索上下文,获取指定类型名字的目标对象,对目标对象执行函数。

当然οnclick=message()也是可以调用的(js函数是非字符串形式)。

<input type="button"value="View message" οnclick="message()">


也可以从script函数获取目标对象的属性和方法

从 JavaScript 访问某个 HTML 元素(目标对象),通过ID,标签名查询到目标对象

,参数也是字符串。

通过 id 找到 HTML 元素

通过标签名找到 HTML 元素

通过类名找到 HTML 元素

varx=document.getElementById("intro");

 

varx=document.getElementById("main");

vary=x.getElementsByTagName("p");

提示:通过类名查找 HTML 元素在 IE 5,6,7,8 中无效。

实例:

function myFunction()

{

document.getElementById("demo").innerHTML="HelloWorld";

document.getElementById("myDIV").innerHTML="Howare you?";

}

<h1 id="id1">My Heading1</h1>

<button type="button"οnclick="document.getElementById('id1').style.color='red'"> //要用’red’

点击这里

</button>


对象的访问this及this下的遍历

This可以指代当前的控件,遍历一个对象可以遍历到对象的属性(故可以直接使用属性)。

<html>

<head>

<scripttype="text/javascript">

functionvalidate_required(field,alerttxt)

{

with(field)

  {

  if (value==null||field.value=="")// value可以用field.value代替,对象下面的属性都可以找到

    {alert(alerttxt);return false}

  else {return true}

  }

}

 

functionvalidate_form(thisform)

{

with(thisform) // thisform就是表单对象

  {

  if (validate_required(email,"Email must be filled out!")==false) // email可以用thisform.email代替,"email"不行

    {thisform.email.focus();return false}

  }

}

</script>

</head>

 

<body>

<formaction="submitpage.htm" οnsubmit="return validate_form(this)"method="post">

Email:<input type="text" name="email" size="30">

<inputtype="submit" value="Submit">

</form>

</body>

</html>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值