js事件实例

最新推荐文章于 2023-07-06 09:53:00 发布

zhaohehe123

最新推荐文章于 2023-07-06 09:53:00 发布

阅读量281

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/zhaohehe123/article/details/8623586

版权

js 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

onload事件

<html>
<head>
<meta charset="utf-8"/>
<title></title>
<script>
  var str = "欢迎来到我的空间";
  function Move(){
   //alert(str.substr(1));
   //如何截取第一个字符
   //alert(str.charAt(0));
   str = str.substr(1)+str.charAt(0);
   window.status = str;
   document.title = str;
   setTimeout("Move()",500);
  }
   //setInterval("Move()",500);

</script>
</head>
<body οnlοad="Move()">

</body>

</html>

获得焦点事件

</head>
<body>
用户名:<input type="text" id="username" value="请输入用户名" οnfοcus="clearInput()" οnblur="getInput()"/>
密码: <input type="password" id="password"/>
</body>
<script>
  function clearInput(){
   //获得输入框的值
   var username = document.getElementById("username");
   username.value = '';
  }
  function getInput(){
   //获得输入框的值
   var username = document.getElementById("username");
   username.value = '请输入用户名';
  }
</script>
</html>

内容改变事件

</head>
<body>
<select id="select" οnchange="changeCont()">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>
<div id="div1">改变文字的大小</div>
</body>
<script>
  function changeCont(){
   //先获得下拉列表的值
   var num = document.getElementById("select");
   var optValue = num.value;
   var divCont = document.getElementById("div1");
   divCont.style.fontSize = (optValue*10)+'px';
  }
</script>
</html>

zhaohehe123

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js事件实例

onload事件 var str = "欢迎来到我的空间"; function Move(){ //alert(str.substr(1)); //如何截取第一个字符 //alert(str.charAt(0)); str = str.substr(1)+str.charAt(0); window.status =
复制链接

扫一扫

专栏目录