热门标签 | 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笔记梳理


推荐阅读
  • 本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值,函数可以作为变量自由传递,也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性,为程序开发带来了便利。 ... [详细]
  • 基于layUI的图片上传前预览功能的2种实现方式
    本文介绍了基于layUI的图片上传前预览功能的两种实现方式:一种是使用blob+FileReader,另一种是使用layUI自带的参数。通过选择文件后点击文件名,在页面中间弹窗内预览图片。其中,layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块,并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • 本文内容为asp.net微信公众平台开发的目录汇总,包括数据库设计、多层架构框架搭建和入口实现、微信消息封装及反射赋值、关注事件、用户记录、回复文本消息、图文消息、服务搭建(接入)、自定义菜单等。同时提供了示例代码和相关的后台管理功能。内容涵盖了多个方面,适合综合运用。 ... [详细]
  • 本文介绍了使用Java实现大数乘法的分治算法,包括输入数据的处理、普通大数乘法的结果和Karatsuba大数乘法的结果。通过改变long类型可以适应不同范围的大数乘法计算。 ... [详细]
  • HDU 2372 El Dorado(DP)的最长上升子序列长度求解方法
    本文介绍了解决HDU 2372 El Dorado问题的一种动态规划方法,通过循环k的方式求解最长上升子序列的长度。具体实现过程包括初始化dp数组、读取数列、计算最长上升子序列长度等步骤。 ... [详细]
  • 本文讨论了如何优化解决hdu 1003 java题目的动态规划方法,通过分析加法规则和最大和的性质,提出了一种优化的思路。具体方法是,当从1加到n为负时,即sum(1,n)sum(n,s),可以继续加法计算。同时,还考虑了两种特殊情况:都是负数的情况和有0的情况。最后,通过使用Scanner类来获取输入数据。 ... [详细]
  • 本文介绍了OC学习笔记中的@property和@synthesize,包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • 本文讲述了作者通过点火测试男友的性格和承受能力,以考验婚姻问题。作者故意不安慰男友并再次点火,观察他的反应。这个行为是善意的玩人,旨在了解男友的性格和避免婚姻问题。 ... [详细]
  • 本文详细介绍了Linux中进程控制块PCBtask_struct结构体的结构和作用,包括进程状态、进程号、待处理信号、进程地址空间、调度标志、锁深度、基本时间片、调度策略以及内存管理信息等方面的内容。阅读本文可以更加深入地了解Linux进程管理的原理和机制。 ... [详细]
  • 1,关于死锁的理解死锁,我们可以简单的理解为是两个线程同时使用同一资源,两个线程又得不到相应的资源而造成永无相互等待的情况。 2,模拟死锁背景介绍:我们创建一个朋友 ... [详细]
  • 后台获取视图对应的字符串
    1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注:不会执行对应的ac ... [详细]
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社区 版权所有