热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

JavaScript笔记梳理

AJAXAsynchronousJavaScriptandXML(异步的JavaScript和XML)。AJAX不是新的编程语言,而是一种使用现有标准的新方法。AJAX是与服务器交
页面输出内容:document.write(“可在这里加上h1标签 ”)
JS控制HTML标签元素。弱变量var定义声明变量,其类型由变量内容决定,如果值为10类型就是int。
也可不使用var直接声明变量,parseInt类型转换
程序逻辑操作:顺序结构,循环结构, 分支结构(if ...else...)
Javascript中没有equle只有==
输出表格顺序:  table tr td, 如 document.write(""+x*y+"");   元素中属性border要加转义border=\"1\" 
空表格元素 
定义数组属于对象创建。  不区分大小写。
函数定义:function 函数名称(参数列表){ [ return[返回值];] }             函数 . arguments.length
 
事件处理:
事件:在HTML中所有事件都是用”onXxx“形式命名。每个事件都有相应的函数处理。
页面加载,页面关闭:在页面加载和关闭的时候可以触发执行某些操作。onload  onunload 
鼠标事件onmousedown  up  over out  move
触发事件之行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引入了统一加载保存文档和验证文档的方法。

标签应该位于页面的 部分。
$(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对象,连接服务器,发送请求,接收返回。

Javascript笔记梳理


推荐阅读
  • 第二十五天接口、多态
    1.java是面向对象的语言。设计模式:接口接口类是从java里衍生出来的,不是python原生支持的主要用于继承里多继承抽象类是python原生支持的主要用于继承里的单继承但是接 ... [详细]
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • MySQL 5.7 学习指南:SQLyog 中的主键、列属性和数据类型
    本文介绍了 MySQL 5.7 中主键(Primary Key)和自增(Auto-Increment)的概念,以及如何在 SQLyog 中设置这些属性。同时,还探讨了数据类型的分类和选择,以及列属性的设置方法。 ... [详细]
  • 深入解析HTML5字符集属性:charset与defaultCharset
    本文将详细介绍HTML5中新增的字符集属性charset和defaultCharset,帮助开发者更好地理解和应用这些属性,以确保网页在不同环境下的正确显示。 ... [详细]
  • 本文介绍了在 Java 编程中遇到的一个常见错误:对象无法转换为 long 类型,并提供了详细的解决方案。 ... [详细]
  • importpymysql#一、直接连接mysql数据库'''coonpymysql.connect(host'192.168.*.*',u ... [详细]
  • 微软推出Windows Terminal Preview v0.10
    微软近期发布了Windows Terminal Preview v0.10,用户可以在微软商店或GitHub上获取这一更新。该版本在2月份发布的v0.9基础上,新增了鼠标输入和复制Pane等功能。 ... [详细]
  • 解决Parallels Desktop错误15265的方法
    本文详细介绍了在使用Parallels Desktop时遇到错误15265的多种解决方案,包括检查网络连接、关闭代理服务器和修改主机文件等步骤。 ... [详细]
  • 解决 Windows Server 2016 网络连接问题
    本文详细介绍了如何解决 Windows Server 2016 在使用无线网络 (WLAN) 和有线网络 (以太网) 时遇到的连接问题。包括添加必要的功能和安装正确的驱动程序。 ... [详细]
  • 使用Jsoup解析并遍历HTML文档时,该库能够高效地生成一个清晰、规范的解析树,即使源HTML文档存在格式问题。Jsoup具备强大的容错能力,能够处理多种异常情况,如未闭合的标签等,确保解析结果的准确性和完整性。 ... [详细]
  • Python 数据可视化实战指南
    本文详细介绍如何使用 Python 进行数据可视化,涵盖从环境搭建到具体实例的全过程。 ... [详细]
  • javascript分页类支持页码格式
    前端时间因为项目需要,要对一个产品下所有的附属图片进行分页显示,没考虑ajax一张张请求,所以干脆一次性全部把图片out,然 ... [详细]
  • 原文网址:https:www.cnblogs.comysoceanp7476379.html目录1、AOP什么?2、需求3、解决办法1:使用静态代理4 ... [详细]
  • 本文详细介绍了 PHP 中对象的生命周期、内存管理和魔术方法的使用,包括对象的自动销毁、析构函数的作用以及各种魔术方法的具体应用场景。 ... [详细]
  • CentOS 7 中 iptables 过滤表实例与 NAT 表应用详解
    在 CentOS 7 系统中,iptables 的过滤表和 NAT 表具有重要的应用价值。本文通过具体实例详细介绍了如何配置 iptables 的过滤表,包括编写脚本文件 `/usr/local/sbin/iptables.sh`,并使用 `iptables -F` 清空现有规则。此外,还深入探讨了 NAT 表的配置方法,帮助读者更好地理解和应用这些网络防火墙技术。 ... [详细]
author-avatar
手机用户2602907485
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有