javascript语法

简介:
     alert(new Date().toLocaleString());
      varnum = new Number();
      num =11;
     alert(num);
      var a= "a";
     alert(a);
      var b= 'b';
     alert(b);

      var a= "123";
      if(isNaN(a)) {
     alert("是一个数字");
  }
  else {
     alert("不是一个数字");
  }
  alert("3+3="+eval_r(3+3));
  var sum = 0;
  for (var i = 1; i <= 100;i++) {
      sum+= i;
  }
  alert(sum);
不能重载,存在覆盖
  function add(num1, num2) {
     return num1 + num2;
  }
     function add(num1) {
         return num1 + 1;
     }
    //   alert(add(1,2));
    //数组
     function show(num) {
        alert(arguments.length);
         for(vari=1;i<arguments.length;i++)
         {
            alert(i+1);
         }
     }
     alert(show(1,2,3,4,5));
    //小例子 js中没有重载
      var x= 1;
      var y= 0;
      var z= 0;
     function add(n) {
         n = n + 1;
         return n;
     }
      y =add(x);
     function add(n) {
         n = n + 3;
         return n;
     }
      z =add(x);
     alert("y=" + y + '\n' + "z=" + z);

 //匿名函数调用
(function(n1,n2){
var n3=n1+n2;
alert(n3);
})
(1,2)  //调用匿名函数
//匿名函数
       var x = 1;
       var y = 0;
       var z = 0;
       var add = function (n) { n = n + 1; return n } //定义一个变量指向一个函数
       y = add(x);
       add = function (n) {  //重写add变量,指向新的function函数
           n = n +3;
           returnn;
       }
       z = add(x);
       alert("y=" + y + ' ' + "z=" + z);

//匿名函数加括号调用
  function test(x) {
     return (function () { return x + 1;})()  
  }
  alert(test(1));

//通过new创建类
  function Person() {document.writeln("你好");};
  var p = new Person(); //通过new创建一个类的对象
  p.name = "张三";
  p.age = 19;
  p.sayhi=function () {alert('Hello');
  }
  p.sayhi();
  alert(p.name);
  alert(p["age"]);
  var q = Person();
//面型对象,通过this指针属性
  function Person(name, age) {
     this.name = name;   //前面是动态创建的属性
     this.age = age;
     this.sayHi = function () {   //方法套方法
         alert("我叫"+name);  //内部函数调用外部函数的属性
     }
  }
  var p = new Person("李四", 18);
  p.sayHi();



//确定对话框
       function del() {
           //弹出提示,返回bool类型
           if (confirm('是否删除')) {
               alert('删除');
           }
           else {
               alert('不删除');
           }
       }
//setInterval('',2000)2秒后启动
       function time() {
           setInterval("alert('定时器')",2000);
       }
//关闭定时器
       var terId; //指向=setInterval(“alert(‘定时器’)”,2000);
       function stop() {  //关闭定时器
       if (terId) {
           clearInterval(terId);
           }
       }
//定时器,使得文本框自动加1,匿名函数
      setInterval(function () {
             var num =window.txtNum.value;
             num =parseInt(num) + 1;
            window.txtNum.value = num;
          },1000);
         //过两秒,只执行一次
      setTimeout(function () {
         alert("定时两秒执行一次,只执行一次");
       },2000);
//跑马灯
      <title>我爱中华人民共和国</title>
         <script type="text/javascript">
            setInterval(function () {
                var title =document.title;
                var first =title.substring(0, 1);
                var last =title.substr(1);
               document.title = last + first;
             },100)
         </script>
//左右跑马灯
<head>
   <title>我爱中华人民共和国</title>
   <script type="text/javascript">
       var dir = "left";
       setInterval(function () {
           var title = document.title;
           var first;
           var last;
           if (dir == "left") {
                first = title.substr(0, 1);
                last = title.substr(1);
               
           }else if (dir=="rigth") {
                last = title.substr(title.length - 1);
                first = title.substr(0, title.length -1);  
           }
           document.title = last + first;
       }, 1000)
       function setDir(d) {
           dir = d;
       }
   </script>
</head>
<body>
   <input type="button" value="向左"onclick="setDir('left')"/>
   <input type="button" value="向右"onclick="setDir('rigth')"/>
</body>
//在文本框中写字
//动态注册时间 窗体加载完成之后执行
       window.onload = function () {
           //window.txt.value = "admin";
           document.getElementById_x("txt").value = "admin";
       }
//重刷页面
window.location.reload();
//判断是否按下某个键
        function span_click() {
           //判断是否按了alt
           if (window.event.altKey) {
               window.location.herf = "dom.htm";
           }
       }
//获取鼠标坐标
<script type="text/javascript">

       document. = function () {
           //鼠标在文档上的位置
           //document.title = "X:" + window.event.clientX + "Y:" +window.event.clientY;
           //鼠标在屏幕上的位置
           //document.title = "X:" + window.event.screenX + "Y:" +window.event.screenY;
           //鼠标相对于事件源的位置
           document.title = "X:" + window.event.offsetX + "Y:" +window.event.offsetY;
       }
   </script>
//标签是否有权限跳转
       functionlink_click(right) {
           if (right) {
               alert("有权限");
           }
           else {
               alert("无权限");
               window.event.returnValue = false;
           }
       }
      //标签先执行事件,然后执行连接
      <a href="dom.htm" 


//验证表单验证是否为空  ,该方法对火狐么用,returnValue是IE用的
        function btn_click() {
            var txt = document.getElementById("txt").value;
            if (txt.length == 0) {
                alert("请输入用户名");
                //让文本框获得光标
                document.getElementById("txt").focus();
                //取消默认行为
                window.event.returnValue = false;
            }
        }
<!-- 对于表单来说默认行为就是表单的action方法 -->
<input type="submit" value="提交内容"/> 
//动态注册事件,事件响应函数
        //只有在事件响应函数中return false,才可以取消
        window.onload = function () {   //容易犯错的地方,必须加上window.onload,不然标签还没有加载
            document.getElementById("link").onclick = function () { //这儿注意getElementById 第一个字母是小写
                alert("无权限");
                return false;
            }
        }
<span id="lnk" />
<input type="submit" false;" value="提交内容" /> //加上返回flase之后 不会再执行提交了


//粘贴板
<script type="text/javascript">
        function f1() {
            var t = document.getElementById("txt").value;
            window.clipboardData.setData("text", t);
        }
    </script>
<input id="txt" type="text" value="http://www.qiushibaike.com" />
    <input type="button" value="复制" />
//禁止复制和粘贴
<input id="num1" type="text" oncopy="alert('禁止复制');return false;" />
    <input id="text1" type="text" onpaste="alert('禁止粘贴')return false;" />
//添加复制版权
//用户复制的时候加上版权
        function on_copy() {
            var t = clipboardData.getData("text");
            t = t + "<br/>版权:Http://www.dingxiaowei.com";
            clipboardData.setData("text",t);
        }
   <body oncopy="setTimeout('on_copy()',100)"> <!-- 要设置一个定时器,可能内容还没有复制到剪贴板上 -->




















本文转自蓬莱仙羽51CTO博客,原文链接:http://blog.51cto.com/dingxiaowei/1366785,如需转载请自行联系原作者


相关文章
|
2月前
|
存储 JavaScript 前端开发
Node.js的基本语法
【8月更文挑战第12天】Node.js的基本语法
107 1
|
5天前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
7 0
|
2月前
|
JavaScript 前端开发
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
这篇文章是JavaScript基础与实战教程的第一部分,涵盖了JavaScript的基本语法、标识符、数据类型以及如何进行强制类型转换,通过代码示例介绍了JS的输出语句、编写位置和数据类型转换方法。
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
|
2月前
|
前端开发 JavaScript 程序员
前端 JavaScript 的 _ 语法是个什么鬼?
前端 JavaScript 的 _ 语法是个什么鬼?
|
3月前
|
缓存 JavaScript 前端开发
前端框架与库 - Vue.js基础:模板语法、数据绑定
【7月更文挑战第14天】Vue.js 是渐进式框架,以简洁API和高效数据绑定知名。本文聚焦模板语法与数据绑定,解释常见问题和易错点,助力初学者避坑。模板语法中,{{ expression }} 用于渲染值,v-bind/: 用于动态绑定属性。数据绑定涉及文本、属性和事件,注意v-model适用于表单元素,计算属性有缓存。理解正确用法,借助文档和IDE,可提升开发质量和效率。善用Vue.js,打造响应式UI。
110 4
|
4月前
|
存储 JavaScript 前端开发
JavaScript 语法
JavaScript 语法
34 5
|
3月前
|
存储 JavaScript 前端开发
|
4月前
|
JavaScript 前端开发
JavaScript语法关键点:变量用`var`、`let`、`const`声明
【6月更文挑战第22天】JavaScript语法关键点:变量用`var`、`let`、`const`声明;七种数据类型包括`Number`、`String`、`Boolean`、`Null`、`Undefined`、`Symbol`和`Object`;运算符如算术、比较、逻辑和赋值;流程控制有`if...else`、`switch`和各种循环。了解这些是JS编程的基础。
57 3
|
3月前
|
前端开发 JavaScript
js【详解】Promise(含 Promise 的三种状态及其变化,创建 Promise, Promise.all 语法、Promise.all 实战范例、手写 Promise.all)
js【详解】Promise(含 Promise 的三种状态及其变化,创建 Promise, Promise.all 语法、Promise.all 实战范例、手写 Promise.all)
430 0
|
3月前
|
存储 缓存 自然语言处理