javascript this的用法

 时间:2024-10-20 04:20:33

1、首先,在html中设置一个p1和一个隐藏域:<p1 onclick="fun5(this);">点击文本!</p1> <input type="hidden" id="hidden" value="blue">

2、接下来,定义函数fun5;fun5中应该传入一个参数,该参数可以取任一名: <script type="text/javascript"> function fun5(a) { var hide = document.getElementById("hidden"); if (hide.value == "blue") { alert("bianhong"); a.style.color = "red"; hide.value = "red" } else if (hide.value == "red") { alert("bianlan"); a.style.color = "blue"; hide.value = "blue" } }</script>

3、完整代码如下:<!D蚪嬷吃败OCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script type="text/javascript"> var x = "global";</script><style type="text/css">p1 { color: blue;}</style></head><body> <p1 onclick="fun5(this);">点击文本!</p1> <input type="hidden" id="hidden" value="blue"> <script type="text/javascript"> function fun5(a) { var hide = document.getElementById("hidden"); if (hide.value == "blue") { alert("变红"); a.style.color = "red"; hide.value = "red" } else if (hide.value == "red") { alert("变蓝"); a.style.color = "blue"; hide.value = "blue" } } </script></body></html>

  • javascript中的this指向
  • JavaScript: switch用法
  • 什么是JavaScript?
  • javascript是干什么用的
  • 如何使用javascript开发手册
  • 热门搜索
    云南旅游酒店 旅游产品有哪些 越南岘港旅游攻略 舟山旅游景点大全 甘南旅游注意事项 国内旅游哪里好玩 加拿大旅游景点 惠安旅游景点大全 旅游地图高清版 崇武古城旅游攻略