JavaScript小结

2024-05-02 05:42•javascript•阅读 1924
一、Javascript介绍
  1.客户端技术，前段技术.提高页面的交互能力和java没关系，java是服务端技术
  2.javascript存放的位置有三种:
                        (1).放在<script></script>标签中，而这个标签可以放在html文件中的任何位置
                                <script language="javascript">
                                      alert("helloworld!");
                                </script>
                        (2).引用到页面中     
                                <script language="javascript"   src="js/test_js">
                         </script>
                        (3).将脚本直接放到html中作为属性值：
二、基本语法
   javascript是一门弱类型的语言
   1.定义数组和变量，所有的变量都是以var来定义，建议先定义后使用，区分大小写
     var testname="me";
     var testArray=new Array(3);

   2.控制语句
                                (1).for…… in……
                                                  如：<script>
                                                        a=new Array(1,2,3,4,5);
                                                        for(i in a){      //i表示数组a 的下标值
                                                          document.write(a[i] + "<br>")
                                                        }
                                                     </script>
                                (2)、with……
                                                        如：<script language="javascript">
                                                                with(document){
                                                                     write(1);
                                                                     write(1);
                                                                     write(1);
                                                                  }
                                                                }
                             </script>            
                3.数组Array数组对象，主要属性有
                   (1).Array.join("#"),数组的每个元素都连接”#“
                   (2).Array.reverse();将数组倒置
                   (3).Array.sort();数组排序
                   
                4.函数
                   (1)利用function来定义一个函数
                   (2).系统函数
                                (a).//eval(str),其中str是需要运算的字符串，如：结果 s=3,可以代替switch的语句           
                                                                                Value1=1,value2=2
                                                                                eval("var s = " + value1 + flag + value2);
                                         (b).parseInt()将字符串转换为整型
                                         
                   （3）事件处理：
                        onFocus：                //用户为了输入而选择select、text、textarea等
                        onBlur：                 //text失去焦点时
                                onChange：               //文本框的值改变且失去焦点时
                                onClick:                //鼠标点击时
                                onload：                 //页面加载时
                                onUnload:               //当用户退出页面时
                                onMouseOver： //鼠标移动到一个对象上时
                                onMOUseOut:     //鼠标从一个对象上移开时
                                onSelect：       //当form对象中的内容被选中时如text中的文字被选中时
                                onSubmit：       //出现在用户通过提交按钮提交一个表单时，（重点）
                                如：onSubmit="return true",true时可以提交表单，如果为false时，不可以提交表单
三、javascript的对话框
   1.//警告框：
      alert（ok）；
   2.//询问框：prompt：接受用户输入数据,如：
      var username = prompt("请输入你的名字");
          document.write("你好！" + username);
   3.//确认框：根据不同的选择，返回True或false,如:
                <from name="test" action="test.jsp" method="post">
                     <input type="button" value="删除文件" onclick="javaScript:confirmit()"     name="confirm">
                </form>
                     <script>
                         function(){
                            if(confirm("你确定要删除此文件嘛？")){
                                  document.test.submit();
                              }
                          }
                     </script>
                    如果点击同意则删除文件

四、javascript的内置对象
                        1.//this表示当前的对象如：返回image的路径，this就是表示img对象
                                  <img src="test.jpg" onclick="javaScript:alert(this.src);">
                        2.//String对象
                                        Var s1= HelloWorld；
                                        S1.charAt（4）     //显示s1第四个字符
                                        S1.indexof（0）    //得到O在第几个位置
                                        S1.substring(3,5)  //从第三格字符开始取五个字符
                                        S1.split(",");
                                        <script language="javascript">
                                                           var s1 ="a,b,c,d,e";
                                                           var s2=s1.split(",");
                                                           for(var i=0;i<s2.length;i++){
                                                                   alert(s2[i]);
                                                                }
                                                        </script>
                                        Math.round();       //取得最近整数
                                        Math.random();取随机数
                                        alert（Math.round(10.3)）,弹出10

                5.窗口中的元素和对象
                        如：<script language="javascript">
                         (1).windows.status="hello,please look here!"//显示在页面的状态栏上
                        //下面表示在窗口上弹出一个新的页面，可以设置大小，就是一般的网页广告，
                     (2)window.open("",)
                  //通过按钮来控制关闭另一个窗口
                (3) var newPage=window.open("test.html");
             <input type="button" onclick="javascript:newPage.close();" value="关闭">
                        //弹出url地址,下面两者相同
(4).alert(window.location);alert(document.location);
                        //转向另一个网页
                         (5).  function goToNewPage(){ window.location="newPage.html";}
                        //返回访问过的网页
                        function goBack(){ history.back();}
五、DOM（Document object model）编程，HTML是一个w3c的标准，是HTML的文本对象模型
        1.//如document
     (1).//通过控件的id获得控件值，一般都是通过这种方式，在javascript中应用
        document.getElementById("id").value;
     (2).//通过控件的name获得控件值,是通过数组的形式访问
                document.getElementByName("name")[0].value;
     (3).//servlet获得控件的值通过name获得
                           request.getParameter("name");
         (4).//在页面</span>标签上显示结果：”你好“
        Document.getElementById("test").value.innerHTML("<font color='red'>" + "你好" + "</font>")
        2.form,Iframe,input button,area,body,frame,等。   
六.调试：
                1.IE-工具-internet选项-去掉禁用脚本调试和显示每个脚本错误的通知
                2.打印：alert和document.write()
                3.删除ie缓存--Internet选项--常规--删除--删除internet临时文件
                4.alert弹出窗口，证明执行到哪一步了
                5.删一段，修改一段
上一篇 »详解Python的整数是如何实现的？
下一篇 »，转PHP中isset(和unset(函数的用法小结
JavaScript小结

相关推荐

PHP乱码问题，UTF-8乱码常见问题小结 linux-windows 文件编码乱码问题

【javascript基础】javascript中的#和javascript:void，0的区别

PHP CURLFile函数模拟实现文件上传示例详解

html阶段性小结1---简单的登录界面及跳转

Java异步编程之Callbacks与Futures模型详解

php小项目小结

linux:C++多线程编程小结

PHP循环 跳转 替代语法 函数 返回总结

PHP循环跳转替代语法函数返回总结
