javascript新手语法小结


Posted in Javascript onJune 15, 2008

新手入学时常学到的东西~
<script language="javascript">alert('badwolf测试!');</script> //弹提示
<script language="javascript">alert('呵呵!');</script> //弹提示
<script language="javascript">alert(new Date());</script> //读系统时间
<a href="javascript:alert(new Date());">www.winshell.cn</a> //点连接运行js显示时间
<input type="button" onClick="alert(new Date())" value="点这里"> //点提交按钮运行js显示时间
***********************for回圈***************************
<script>
  var badwolf_x="";
  for(var x=1; x <= 100 ; x++)
  {
    badwolf_x=badwolf_x+"x="+x;
  }
  alert(badwolf_x);
</script> 

***********************计算器*****************************
<script>
  function get_sum()
  {
    var x=parseFloat(document.jisuanqi.no1.value);
    var y=parseFloat(document.jisuanqi.no2.value);
    var sum=x+y;
    alert(sum);
  //  return sum;
  }
</script>
<form name="jisuanqi" action="#" >
  <input type="text" name="no1" value="请输入第一个数">
  <lable>+</lable>
  <input type="text" name="no2" value="请输入第二个数">
  <input type="button" value="计  算" onclick="get_sum()">
</form>
***********************if/else根据成绩显示评语***************
<html>
  <head>
    <title>if/else根据成绩显示评语</title>
  </head>
  <script>
    function dd()
    {
    var aa=document.form1.chengji.value;
      if(aa<=100 && aa>90)
      {
        alert("成绩优秀");
      }
      else if(aa<=90 && aa>75)
      {
        alert("成绩中等");  
      }
      else if(aa<=75 && aa>=60)
      {
        alert("及格");  
      }
      else if(aa<60 && aa>=0)
      {
        alert("不及格");
      }
      else
      {
        alert("你傻啊~~~!!你输入的是成绩么????");
      }
    }
  </script>
  <body>
    <form name="form1" action="#">
    <lable>请输入你的成绩<lable><input type="text" name="chengji"><input type="button" value="获得评语!!" onclick="dd()">
    </form>
  </body>
</html>
***********************if3***************
<script>
  var x=10;
  var y=-4;
  if(x>20)
  {
    if(y>0)
    {
      alert(x+y);
    }
    else
    {
      alert(x-y);
    }
  }
  else
  {
    alert('猪');
  }
</script>

Javascript 相关文章推荐
safari,opera嵌入iframe页面cookie读取问题解决方法
Jun 23 Javascript
鼠标右击事件代码(asp.net后台)
Jan 27 Javascript
Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
Dec 12 Javascript
详解jQuery Mobile自定义标签
Jan 06 Javascript
JavaScript事件用法浅析
Oct 31 Javascript
Angular 输入框实现自定义验证功能
Feb 19 Javascript
详解JS中的立即执行函数
Feb 24 Javascript
微信小程序自定义模态对话框实例详解
Aug 16 Javascript
微信小程序视图template模板引用的实例详解
Sep 20 Javascript
小程序实现多选框功能
Oct 30 Javascript
Javascript Symbol原理及使用方法解析
Oct 22 Javascript
vue3中的组件间通信
Mar 31 Vue.js
JavaScript入门学习书籍推荐
Jun 12 #Javascript
asp.net和asp下ACCESS的参数化查询
Jun 11 #Javascript
json跟xml的对比分析
Jun 10 #Javascript
json 定义
Jun 10 #Javascript
json简单介绍
Jun 10 #Javascript
告诉大家什么是JSON
Jun 10 #Javascript
javascript模仿msgbox提示效果代码
Jun 10 #Javascript
You might like
谈PHP生成静态页面分析 模板+缓存+写文件
2009/08/17 PHP
php实现水仙花数示例分享
2014/04/03 PHP
php使用timthumb生成缩略图的方法
2016/01/22 PHP
在 Laravel 项目中使用 webpack-encore的方法
2019/07/21 PHP
ExtJS 2.0实用简明教程 之获得ExtJS
2009/04/29 Javascript
汉化英文版的Dreamweaver CS5并自动提示jquery
2010/11/25 Javascript
jquery定时滑出可最小化的底部提示层特效代码
2013/10/02 Javascript
Js判断参数(String,Array,Object)是否为undefined或者值为空
2013/11/04 Javascript
用javascript将数据导入Excel示例代码
2014/09/10 Javascript
浅析创建javascript对象的方法
2016/05/13 Javascript
js中获取 table节点各tr及td的内容简单实例
2016/10/14 Javascript
微信小程序 PHP后端form表单提交实例详解
2017/01/12 Javascript
js获取浏览器的各种属性
2017/04/27 Javascript
详解jquery插件jquery.viewport.js学习使用方法
2017/09/08 jQuery
对Vue2 自定义全局指令Vue.directive和指令的生命周期介绍
2018/08/30 Javascript
详解使用WebPack搭建React开发环境
2019/08/06 Javascript
Vue 技巧之控制父类的 slot
2020/02/24 Javascript
Python中的FTP通信模块ftplib的用法整理
2016/07/08 Python
Python合并字典键值并去除重复元素的实例
2016/12/18 Python
python3+PyQt5使用数据库表视图
2018/04/24 Python
Python代码缩进和测试模块示例详解
2018/05/07 Python
对pandas处理json数据的方法详解
2019/02/08 Python
Python递归函数实例讲解
2019/02/27 Python
关于pytorch多GPU训练实例与性能对比分析
2019/08/19 Python
在python中利用try..except来代替if..else的用法
2019/12/19 Python
解决导入django_filters不成功问题No module named 'django_filter'
2020/07/15 Python
Python DES加密实现原理及实例解析
2020/07/17 Python
MoviePy简介及Python视频剪辑自动化
2020/12/18 Python
幼儿园教研活动方案
2014/01/19 职场文书
大专毕业自我鉴定
2014/02/04 职场文书
学雷锋活动总结范文
2014/04/25 职场文书
活动总结报告格式
2014/05/09 职场文书
大学英语专业求职信
2014/06/21 职场文书
查摆问题整改措施
2014/10/24 职场文书
2015年大学生工作总结
2015/04/21 职场文书
通知的格式范文
2015/04/27 职场文书