zoukankan      html  css  js  c++  java
  • JS:1.什么是JavaScript?

    1,什么是JavaScript?
    javascript
    一,什么是?
    是一门 源于Java,基于对象,使用在客户端,由浏览器执行的脚本语言。
    源于Java --- 语法与java类似
    基于对象 --- 发展不完善,使用对象,又没有封装抽象继承多态
    使用在客户端,由浏览器执行 --- 运行不需要提交到服务器,不占用服务器资源。
    
    其他特点:大小写严格区分,例如 a 与 A是两个不同的变量,语法灵活,容易出错,调试不方便。弱类型语言。
    
    二,放在哪里?
    两种情况:
    1,函数的声明放在<head></head> 中,后面讲
    2,执行语句,及函数的调用放在页面的任何需要执行的位置.
    
    例如 alert("ok");会弹出对话框,哪里需要放在哪里。
    
    三,怎么放?
    两种情况:
    1,<script language="javascript">
        javascript 脚本
       </script>
    
    2,<script language="javascript" src="####.js"></script>
    ####.js---独立脚本文件。
    
    四,javascript数据类型 
    1,数值型  12  23.56
    2,字符型  用单引号或双引号括起来的内容。
    3,boolean true false
    
    五,JavaScript的变量没有类型,变量不用定义就可以使用。
    变量命名规则:字母及下划线起始,其他地方可以使用数字。大小写严格区分。
    
    最好用 var 来定义。
    全局变量---定义在函数外部,整个页面均有效的变量。
    
    六,基本语法:
    赋值语句
    if
    for
    等同于java
    
    七,函数 --  
    注意问题:
    1,每个函数都包含两部分:函数的声明,函数的调用。
    2,所有的JavaScript函数都不会自动运行,“必须”调用它。
    
    声明格式:
    function 函数名()
    {
        //函数体;
    }
    
    执行格式:
    var x=函数名();  //有返回值
    函数名();//没有返回值。
    
    3,函数声明必须放置在<head></head>中。---为什么?
       函数调用放在哪?---- 
             情况1:你希望在那里执行,就放在那里
            情况2:通常,函数的执行与事件有关。
    
    八,事件 --- 做特效。
    浏览器可以捕捉到很多的用户操作,例如,用户单击(onclick),用户打开了某网页(onload),用户移动了鼠标(onmouseover),这些事件在JavaScript用句柄来描述。
    句柄(handle)===  on+动词 --》描述实现,不同的控件有不同的句柄,不同的浏览器有区别。
    常用:
    onclick
    onchanage
    onmouseover
    onmouseout
    onfocus
    onblur
    onload
    
    如何实现事件编程:与控件配合
    <input type="button" name="t1" id="t1" onclick="fun()"></input>
    
    九,JavaScript的对象
    1,内置核心对象 (core object)
    数值Number
    var a=new Number(12);  -- 等价于  var a=12;
    
    字符串对象
    var b=new String("abcd");  -- 登价于  var b="abcd";
    
    数组对象
    Array
    
    布尔对象
    Boolean
    
    日期对象
    Date
    
    2,DOM对象模型。当浏览器打开时,系统会自动建立一批对象,用于描述与浏览器有关的状况。树形架构,父子关系。
    window
        -document
            -body
            -form
            -location
        -history
        -screen  --  IE不支持
        -frame
    
    十,window对象,是浏览器的顶级对象,包含一些重要方法
    1,window.alert("提示文本");
    
    2, window.confirm("问题");
    
    3,window.prompt("提示");
    因为window是顶层对象,所有可以不写。
    isNan--- is not a number --不是一个数
    
    4,window.open() --  打开一个新的窗口
    
    十一,location对象 -- 重要
    location是window的子对象,使用时 window.location等价于 location
    location.href  === window.location.href === location
    
    location="url"实现跳转
    
    十二,history对象  -- 
    window.history === history
    两个方法:
    history.back();
    history.go();
    
    十三,document对象
    window.document=== document
    document.write("文本"):
    
    “最重要”:document.getElementById("某控件或标记的id");---提取控件或标记
    
    十四,div span在DHTML编程中的应用。
    
    十五,window的重要方法
    setInterval("方法()",毫秒);
    
    十六,window的重要方法
    window.close();
    window.open("url","_self|_blank","属性=值,....");
    是否显示工具栏:toolbar[=yes|no]|[=1|0] 
    是否显示地址栏:location[=yes|no]|[=1|0] 
    是否显示前进、后退、刷新按钮:directories[=yes|no]|[=1|0] 
    是否显示状态栏:status[=yes|no]|[=1|0] 
    是否显示菜单栏:menubar[=yes|no]|[=1|0] 
    是否显示滚动条:scrollbars[=yes|no]|[=1|0] 
    用户是否可以改变窗口的大小:resizable[=yes|no]|[=1|0] 
    是否在新窗口中保留浏览器的浏览历史纪录:copyhistory[=yes|no]|[=1|0] 
    窗口的宽度 (单位为像素):width=pixels 
    窗口的高度 (单位为像素):height=pixels 
    
    十七,热连接使用javascript方法。
    warn 作者:ylbtech
    出处:http://ylbtech.cnblogs.com/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    第03组 Beta冲刺(2/5)
    2019 SDN上机第6次作业
    第03组 Beta冲刺(1/5)
    2019 SDN上机第5次作业
    SDN课程阅读作业(2)
    2019 SDN上机第4次作业
    第05组 团队Git现场编程实战
    第05组 团队项目-需求分析报告
    团队项目-选题报告
    第07组 Alpha事后诸葛亮
  • 原文地址:https://www.cnblogs.com/ylbtech/p/2852010.html
Copyright © 2011-2022 走看看