html语言 | 易学教程

Ajax

阅读更多关于 Ajax

一、简介 “Ajax”这个名字是在2005年2月，Adaptive Path的Jesse James Garrett在他的文章Ajax:A New Approach to Web Application中创造。而Ajax这项技术，是Google在Google Labs发布Google Maps和Google Suggest后真正为人所认识。 Ajax被认为是(Asynchronous JavaScript and XML的缩写）。现在，允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax. Ajax：一种不用刷新整个页面便可与服务器通讯的办法。不用刷新整个页面便可与服务器通讯的办法： Flash Java applet 框架：如果使用一组框架构造了一个网页，可以只更新其中一个框架，而不必惊动整个页面隐藏的iframe XMLHttpRequest：该对象是对 JavaScript 的一个扩展，可使网页与服务器进行通信。是创建 Ajax 应用的最佳选择。实际上通常把 Ajax 当成 XMLHttpRequest 对象的代名词 Ajax并不是一项新技术，它实际上是几种技术，每种技术各尽其职，以一种全新的方式聚合在一起服务器端语言：服务器需要具备向浏览器发送特定信息的能力。Ajax与服务器端语言无关。 XML (eXtensible Markup Language

JS数据类型和变量

阅读更多关于 JS数据类型和变量

一、定义变量的方式 1、隐式定义： < script type = "text/javascript" > a = "Hello JavaScript" ; alert ( a ) ; < / script > 2、显式定义： < script type = "text/javascript" > var a ; a = "true" ; alert ( a ) ; < / script > 二、类型转换 1、对于减号运算符，因为字符串不支持减法运算，所以系统自动将字符串转成数值。 2、对于加号运算符，系统直接将数值转为字符串，就成了两个字符串进行连接运算。例： < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < meta http - equiv = "X-UA-Compatible" content = "ie=edge" > < title > Document < / title > < / head > < body > < script type = "text/javascript" > var a = "3

说说JSONP

阅读更多关于说说JSONP

1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准； 2、不过我们又发现，Web页面上调用js文件时则不受是否跨域的影响（不仅如此，我们还发现凡是拥有"src"这个属性的标签都拥有跨域的能力，比如<script>、<img>、<iframe>）； 3、于是可以判断，当前阶段如果想通过纯web端（ActiveX控件、服务端代理、属于未来的HTML5之Websocket等方式不算）跨域访问数据就只有一种可能，那就是在远程服务器上设法把数据装进js格式的文件里，供客户端调用和进一步处理； 4、恰巧我们已经知道有一种叫做JSON的纯字符数据格式可以简洁的描述复杂数据，更妙的是JSON还被js原生支持，所以在客户端几乎可以随心所欲的处理这种格式的数据； 5、这样子解决方案就呼之欲出了，web客户端通过与调用脚本一模一样的方式，来调用跨域服务器上动态生成的js格式文件（一般以JSON为后缀），显而易见，服务器之所以要动态生成JSON文件，目的就在于把客户端需要的数据装入进去。 6、客户端在对JSON文件调用成功之后，也就获得了自己所需的数据，剩下的就是按照自己需求进行处理和展现了，这种获取远程数据的方式看起来非常像AJAX，但其实并不一样。 7、为了便于客户端使用数据，逐渐形成了一种非正式传输协议

Javascript系列之在HTML中使用JavaScript

阅读更多关于 Javascript系列之在HTML中使用JavaScript

本文主要包括以下几方面内容: 1)使用<script>元素 2)嵌入脚本和外部脚本 3)文档模式对JavaScript的影响 4)考虑禁用JavaScript的场景只要一提到把Javascript放到网页中,就不得不涉及Web的核心语言----HTML.在开发JavaScript的时候,Netscape要解决的一个重要问题就是如何做到让JavaScript既能与HTML页面共存,又不影响那些页面在其他浏览器中的程序效果.最终决定就是为Web增加统一的脚本支持.因此web早期的很多语法都保留了下来,饼被证实纳入HTML规范中. 1、使用<script>元素向HTML中插入JavaScript的主要方法是使用<script>元素。HTML4.01为<script>定义了下列6个属性: async:可选.表示立即下载脚本,但不妨碍页面中的其他操作,只对外部脚本文件有用. charset:可选.表示通过src属性指定的代码的字符集.很少用. defer:可选.表示脚本可以延迟到文档完全解析和显示之后再决定执行.指定外部文件有用. language:已废弃.原来用于表示编写代码是用的脚本语言(如JavaScript，JavaScript1.2或VBScript）。 src:可选.表示包含执行代码的外部文件. type:可选.可以看出是language属性的替代属性

js之DOM对象三

阅读更多关于 js之DOM对象三

js之DOM对象三一、JS中for循环遍历测试 for循环遍历有两种第一种：是有条件的那种，例如 for(var i = 0;i<ele.length;i++){} 第二种：for （var i in li ）{} 现在我们来说一下测试一下第二种（数组和obj的） 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 <script> 9 var arr = [11,22,33,44,55]; 10 var obj = {'username':'zzz','agr':20}; //js中的这个类似字典的不叫字典，而是一个对象 11 for (var i in obj){ 12 console.log(i); //拿到的是键 13 console.log(obj[i]) //值 14 } 15 for (var j in arr){ 16 console.log(j); //拿到索引 17 console.log(arr[j]) //拿到值 18 } 19 </script> 20 </body> 21 </html> 二、获取value属性值 1 <!DOCTYPE html> 2 <html lang=

web笔记第一天

阅读更多关于 web笔记第一天

一，Visual Studio Code代码编辑器的使用　　1.下载地址http://code.visualstudio.com/ 　　2.在商店中搜索并下载插件：chinese（界面汉化）；open in browser（支持使用编辑器打开网页，使用方式为右键单击后选择open in default browser）；power mode（代码输入时有特效，使用时去配置扩展设置里勾选enable to activate power mode）　　3.在资源管理器界面右键新建一个文件夹与文件，文件加.html后缀。　　4.文件-首选项-设置：设置代码折行（word wrap），改变文本的大小；文件-首选项-颜色主题：改变编辑器背景颜色。　　5.编辑器支持的快捷键：CTRL+S:保存。　　　　　　　　　　　　 CTRL+X,CTRL+C,CTRL+V：剪切，复制，粘贴　　 CTRL+A：全选　　　　　　　　　　　　 shift+end：从头选中一行；shift+home：从尾选中一行　　　　　　　　　　　　　shift+alt+上下键：快速复制一行　　　　　　　　　　　　　alt+上下键：快速移动一行　　　　　　　　　　　　　ctrl+z ：撤销； ctrl+y ：还原　　　　　　　　　　　　　alt+光标左键：实现多光标的操作　　　　　　　　　　　　

赵赵

阅读更多关于赵赵

title: 技术总结 date: 2018-02-09 22:14:00 ##HTML和CSS和JavaScript的关系网页主要由三部分组成：结构（ Structure）、表现（ Presentation）和行为（ Behavior）。 HTML —— 结构，是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包括文字、图片、视频等。决定网页的结构和内容（ “是什么”）。 CSS —— 表现（样式），放于<style>标签内。就像网页的外衣。比如：标题字体、颜色变化、或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。设定网页的表现样式（ “什么样子”）。 JavaScript（ JS） —— 行为，是用来实现网页上的特效效果的。如：鼠标滑过的下拉菜单、鼠标滑过的背景色的改变、图片的轮播。可以说是，有动画的，有交互的一般都使用JavaScript来实现的。控制网页的行为（ “做什么”）。 ###HTML <b>HTML文档结构</b>（括号里面的是注释） <!DOCTYPE html > *注：<!DOCTYPE>标签没有结束标签！ <html > <head>（头部部分） <meta http-equiv=“ContentType”content=“text/html”;charset=gb2312>(可写可不写)

HTML笔记 ( 一 ) HTML, HEAD 和 BODY 标签

阅读更多关于 HTML笔记 ( 一 ) HTML, HEAD 和 BODY 标签

目录 0. 前言 1. !DOCTYPE 标签 2. html 标签 3. head 标签 base 标签 meta 标签 link 标签 script 标签 style 标签 title 标签 4. body 标签 0. 前言一个最基本的 html 文件, 必须包含 <html> , <head> 和 <body> 三个标签以及 <!doctype> 声明 1. !DOCTYPE 标签作用: 它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令. 注意: 声明必须是 HTML 文档的第一行，位于 <html> 标签之前. 但声明的不是 <html> 标签; 在 H5 中只有一种声明形式: <!DOCTYPE html> 2. html 标签作用: 是用于定义一个html文档, 用于告知浏览器当前文件是html文档并加以识别. 该标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体. 标签中的两个常见属性: lang 属性: 作用: 规定元素内容的语言. xmlns 属性: 作用: 可以在文档中定义一个或多个可供选择的命名空间. 该标签支持HTML中的全局属性. 注: 不建议在 html 标签中用标签自带的某些属性来完成用 CSS 实现的样式 html 标签最好只用于网页结构的布置, 不要用于网页样式的排布修饰 3. head 标签作用:

1.1、html概述和基本结构

阅读更多关于 1.1、html概述和基本结构

html概述 HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打开，浏览器会按照标签描述内容将文件渲染成网页，显示的网页可以从一个网页链接跳转到另外一个网页。 html基本结构一个html的基本结构如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>网页标题</title> </head> <body> 网页显示内容 </body> </html> 第一行是文档声明，第二行“<html>”标签和最后一行“</html>”定义html文档的整体，“<html>”标签中的‘lang=“en”’定义网页的语言为英文，定义成中文是'lang="zh-CN"',不定义也没什么影响，它一般作为分析统计用。 “<head>”标签和“<body>”标签是它的第一层子元素，“<head>”标签里面负责对网页进行一些设置以及定义标题，设置包括定义网页的编码格式

关于CSS样式表，看这篇就够了！

阅读更多关于关于CSS样式表，看这篇就够了！

文章目录 1 CSS 样式表 1.1 CSS 规则 1.2 CSS 选择器 1.2.1 标记选择器 1.2.2 类别选择器 1.2.3 id 选择器 1.3 在页面中包含 CSS 1.3.1 行内样式 1.3.2 内嵌式 1.3.3 链接式 2 CSS3 的新特性 2.1 模块与模块化结构 2.2 一个简单的 CSS3 实例 1 CSS 样式表 CSS 是 W3C 协会为弥补 HTML 在显示属性设定上的不足而制定的一套扩展样式标准。CSS 标准中重新定义了 HTML 中原来的文字显示样式，增加了一些新的概念，如类、层等，可以对文字重叠、定位等。在 CSS 还没有引入到页面设计之前，传统的 HTML 语言要实现页面美化在设计上是十分麻烦的，例如要设计页面中文字的样式，如果使用传统的 HTML 语句来设计页面就不得不在每个需要设计的文字上都定义样式。CSS 的出现改变了这一传统模式。 1.1 CSS 规则在 CSS 样式表中包含 3 部分内容：选择符、属性和属性值。语法格式如下：选择符{属性:属性值;} 参数说明: 选择符：又称选择器，是 CSS 中很重要的概念，所有 HTML 语言中的标记标签都是通过不同的 CSS 选择器进行控制的。属性：主要包括字体属性、文本属性、背景属性、布局属性、边界属性、列表项目属性、表格属性等内容。其中一些属性只有部分浏览器支持

订阅 html语言