JS学习2--精简有趣的JS

最新推荐文章于 2024-07-19 16:24:16 发布

呼啦啦--隔壁老王

最新推荐文章于 2024-07-19 16:24:16 发布

阅读量484

点赞数

分类专栏：其他文章标签： JS示例 JS学习

本文链接：https://blog.csdn.net/zinjin_woxin/article/details/46842755

版权

其他专栏收录该内容

24 篇文章 0 订阅

订阅专栏

1.省略方法声明的方法实现

<!-- 点击文字，实现文字的改变 -->
<!DOCTYPE html>
<html>
<body>
<h1 onclick="this.innerHTML='谢谢!'">请点击该文本</h1>
</body>
</html>

2.省略方法名的方法

<script>
//js可以给HTML DOM对象分配事件
document.getElementById("myBtn").onclick=function(){
    displayDate()
};
</script>

3.js的类的声明感觉和java还是蛮大的，不需要构造方法，本身就可以使用参数。从表面上看，就是方法中套方法
4.js的for/in循环好NB，可以循环对象的属性（感觉这是只有一种基本类型带来的方便），同时for/in也可以用来循环
5.神奇的match【element.src.match(“bulbon”)】

<!-- 控制灯亮 -->
<!DOCTYPE html>
<html>
<body>
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
  {
  element.src="/i/eg_bulboff.gif";
  }
else
  {
  element.src="/i/eg_bulbon.gif";
  }
}
</script>

<img id="myimage" onclick="changeImage()" src="/i/eg_bulbon.gif">

<p>点击灯泡来点亮或熄灭这盏灯</p>

</body>
</html>

6.isNaN(x)判断是否为数字

<!-- 判断一个数是否为数字 -->
<!DOCTYPE html>
<html>
<body>

<h1>我的第一段 JavaScript</h1>

<p>请输入数字。如果输入值不是数字，浏览器会弹出提示框。</p>

<input id="demo" type="text">

<script>w
function myFunction()
{
var x=document.getElementById("demo").value;
if(x==""||isNaN(x))
    {
    alert("Not Numeric");
    }
}
</script>

<button type="button" onclick="myFunction()">点击这里</button>

</body>
</html>

呼啦啦--隔壁老王

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS学习2--精简有趣的JS

1.省略方法声明的方法实现<!DOCTYPE html><html><body><h1 onclick="this.innerHTML='谢谢!'">请点击该文本</h1></body></html>2.省略方法名的方法<script>//js可以给HTML DOM对象分配事件document.getElementById("myBtn").
复制链接

扫一扫

专栏目录