zoukankan      html  css  js  c++  java
  • JavaScript笔记梳理

    页面输出内容:document.write(“可在这里加上h1标签 ”)
    JS控制HTML标签元素。弱变量var定义声明变量,其类型由变量内容决定,如果值为10类型就是int。
    也可不使用var直接声明变量,parseInt类型转换
    程序逻辑操作:顺序结构,循环结构, 分支结构(if ...else...)
    javascript中没有equle只有==
    输出表格顺序:  table tr td, 如 document.write("<td>"+x*y+"</td>");   元素中属性border要加转义border="1" 
    空表格元素<td>&nbsp;</td>
    定义数组属于对象创建。  不区分大小写。
    函数定义:function 函数名称(参数列表){ [ return[返回值];] }             函数 . arguments.length
     
    事件处理:
    事件:在HTML中所有事件都是用”onXxx“形式命名。每个事件都有相应的函数处理。
    页面加载,页面关闭:在页面加载和关闭的时候可以触发执行某些操作。onload  onunload 
    <body onload="hanshu" onunload="hanshu">
    鼠标事件onmousedown  up  over out  move
    <img src="images/1.jpg" onmousedown="fun">触发事件之行fun函数
    鼠标选中事件:单击onclick双击ondblclick.
     
    JS操作html代码   表单为例
    首先取得HTML元素的对象,每个HTML元素都是一个JS对象。旧方法是 document . 元素对象名称 
    新方法是使用基于DOM操作的两个函数      取得单个对象document . getElementById(元素名称);  开发时 name和Id一样,且都要写
                                                                        取得一组对象document . all (元素名称);
     
     
    起源:输入验证操作  浏览器交互 ----同时在浏览器和服务器中使用。
    简史:1995年产生JavaScript 1.0;之后发布了1.1,1.2    接着在1997年完成了ECMA-262第一版----ECMAScript新脚本语言标准。Unicode实现。
         Netscape Navigator 4.06发布的javascript1.3开始完全兼容ECMA-262
    JS完整实现包括:核心ECMAScript,文档对象模型DOM,浏览器对象模型BOM。
    DOM是针对XML但扩展用于HTML的API,将页面映射成多层节点结构,节点包含着不同类型的数据。DOM Level 1目标是映射文档的结构,包含两个模块:DOM Core和DOM HTML;DOM Level2引入了DOM视图,事件,样式和遍历,范围;DOM Level 3引入了统一加载保存文档和验证文档的方法。

    <script> 标签应该位于页面的 <head> 部分。
    $(this).hide()  演示jQuery hide()函数,隐藏当前的HTML元素。
    $(document).ready(function)为了防止文档在完全加载就绪之前运行jQuery代码。
    $("p.intro")选取所有class为intro的p元素。$("[href$='.jpg']")选取所有href值以 .jpg结尾的元素。
    jQuery CSS选择器更改p元素背景颜色  $("p").css("background-color" , "red" );
    jQuery事件处理方法,jQuery使用$符号作为jQuery的简介方式,prototype是类似的。noConflict()解决名称冲突问题。
    $(selector).click(function) dblclick focus mousecver事件。
    jQuery toggle()实现点击鼠标时hide和show切换。
    隐藏显示,淡入淡出,滑动,动画$(selector).animate({params}, speed, callback);。params必须参数定义形成动画的CSS属性。
    如需对位置进行操作,要记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute!

    ajax是asynchronous javaScript+XML的简称,是不跳转异步载入内容并改写页面内容的技术。Google的Gmail是利用ajax的优秀范例。

    AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。

    AJAX 不是新的编程语言,而是一种使用现有标准的新方法。

    AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

    AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

    一个Http请求包括4部分:http请求方法或动作(verb)

                                            正在请求的URL,一个可选的请求头集合其中可能包括身份验证信息,一个可选的请求主题。

    服务器返回的HTTP相应包括3部分:一个数字和文字组成的状态码用来显示请求的成功和失败,一个相应头集合,相应主体。

    Ajax请求组成:
    创建ajax对象,连接服务器,发送请求,接收返回。

    浏览器上运行的脚本,控制浏览器的动作,用户交互 && 数据处理

    html是内容CSS是格式JS是动作,解释性语言,代码放在html里头,从服务器端下放到浏览器中然后运行
    <html>
    <body onload="alert('hi')">
    <script>
        document.write("<h1>hello world!</h1>");
    </script>
    </body>
    </html>
     
    变量没有类型,值是有类型的
    取余就是取模
    不区分整型和浮点型
    双斜杠是注释
    小写字母比大写字母小
    if () else if() ...else
    switch()  { case i : ...break;  default : ..break; }
    三目运算符 a>b?a:b
    for( init , condition, step )
    循环:如果有固定次数用for循环;必须执行一次用do_while;其他情况用while
    break跳出当前循环;continue跳出当前循环步,进入循环的下一轮
    函数是一段代码,起个名字放起来以后用。JS有许多内置函数
    函数对象,函数变量var f = new Function("x","y","return x*y")
    <br/>换行
    数组: new Array
    数组转换成字符串:  数组 . toString等各种方法
    堆栈 push pop  队列push shift 
     
    对象:复合数据类型,多个数据集中起来在一个变量中,每个数据起名字,属性集合每个属性有自己的名字和值
      new Object
    构造方法  不直接制造对象,通过this定义成员  没有return
    原型对象:对象的prototype属性定义了原型对象,可用点 . 运算符读原型对象的属性
    当写这个属性时才在它自己内部产生实际的属性
    function person() { }     person.prototype={}
     
    浏览器中的JavaScript
    window浏览器的全局对象,所有的全局变量实际是window的成员
    window . document > html
    window . document 表示浏览器窗口中的HTML页面
    window . write()将内容写入页面
    head里的scrip相当于定义函数,放在body里的script相当于执行动作  
    script的src属性指定外部JS代码文件的URL
     
    body事件 onload装载之前要做的事情 onLoad
    onClick   onSubmit  onMouseOver
     
    简单对话框 alert     confirm确定取消      prompt
    status   定时器setInterval
    window . open控制方法   window.close   window.location
     
    DOM文档对象模型,页面元素成员操作
    document对象的成员提供了HTML文档的信息
    document的常用成员:anchors[]   forms[]   images[]
    积极乐观,好好coding
  • 相关阅读:
    TransactSQL selectCourse storedprocedurestuSysInfo project form cmm
    TransactSQL insert触发器 游标遍历结果集
    css custome checkbox style in sench list
    在ipad的safari上使用Skype链接
    一个async和await 关键字的简单入门
    MVP模式
    c#静态变量和静态属性的区别
    异步延时启动
    C#中 托管线程的状态
    NLog实现归档日志且只保留一段时间的日志(比如一个星期)
  • 原文地址:https://www.cnblogs.com/xiaodi914/p/5278812.html
Copyright © 2011-2022 走看看