JavaScript概括

来源：互联网发布：兴安得力预算软件编辑：程序博客网时间：2024/04/29 11:41

HyperText Mark-up Language，译名：超文件注标式语言（译名之一），简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。
标记类型按用途可以分为：文件标记(如：<HTML>、<BODY>)、排版标记(如：<P>、<br>、<div>)、字体标记(如：<font>、<b>)、清单标记(如：<ol>、<ul>)表格标记(如：<table>、<td>)、表单标记(如：<form><input>)、图形标记(如：<img>)、连结标记(如：<a>、<base>)、样式标记(如：<style>、<span>)等等。
什么是css：CSS 指层叠样式表 (Cascading Style Sheets)。
CSS的定义是由三个部分构成：选择符（selector），属性（properties）和属性的取值（value）。
一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。（1.浏览器缺省设置2.外部样式表3.内部样式表（位于 <head> 标签内部）4.内联样式（在 HTML 元素内部））；
块级元素： div ul(ol) li P h1、h2、h3.。。。。。。行内元素： span a strong font img。
比较常用的通用属性：background（background-image，background-color）：背景图片和背景色，float：漂浮，clear:取消漂浮，margin：外边距，padding：内边距，font-size：字体大小，还有字体family、weight等，height:行高，line-height：行高，text-align:文本水平位置，vertical-align：文本垂直位置，display：框的类型，常用block overflow:溢出处理，position:位置，border：边框，z-index：堆叠顺序Z-index 仅能在定位元素上奏效（例如 position:absolute；），特殊标签的常用属性a:text-decoration,li:list-style:none。
再则是JavaScript部分的学习：
什么是JavaScript：javascript 是一种基于对象，和事件驱动的并具有安全性的脚本语言；基于对象，动态语言，无需编译，直接解释执行。
可以放在的地方：1.<head>中，一对<script></script>之间；2.单独文件中 <script src=”” type=”text/javascript”></script>；3.将脚本程序代码作为属性值、<a href=”javascript:alert(new Date());”>javascript</a>。
javascript基本语法：1.标识：大小写字母，数字，下划线，和美元符号：不能以数字开头；2.javascript严格区分大小写；3.每条语句必须以分号结束；（不写，一般没事，但是可能会引起不必要的歧义）；4.多行注释 /* */ 单行注释://。
数据类型:数字，boolean，String字符串。Boolean，取值只能是 true，和false 全是小写。
数值转换：parseInt(‘’);//将其他类型转换成数字；原理：从第一个字符开始，如果第一个可以转换就继续向下走，直到不能转，省略后面，如何第一个都不行，就直接返回NaN格式。
javascript的内部类：所有类的基类都是 object。
浏览器内置对象（bom bower object model）：1.Window（Alter()，Confirm()，prompt()，setTimeout()延迟多少毫秒执行某个方法，clearTimeout()，setInterval()，clearInterval()，Open()，Close()），2.Document（获取元素部分：document.getElementById()->element object，document.getElementsByName()->arrays，document.getElementsByTagName()->arrays；获取元素的后代和父亲(dom)；元素设置部分：（内容：InneHTML innerText，属性，样式：className,.style.css=””；获取元素的大小：clientWidth，offsetWidth，scorllLeft，clientLeft 边框的大小，Offsetleft offsetTop；网页本身大小：document.documentElement.clientWidth，document.body.clientHeight，Document.document.clientHeight，document.body.scrollTop）；3.Location：(Href，Reload)；4.Histroy：（Forward，Back，Go）；5.Screen。
JavaScript事件：onload，onsubmit，onclick，ondblClick，onfocus，onbluer，onchange，onmouuseover，onmouuseout，onmousemove，onkeydown，onkeyup，onkeypress，onscroll。
JavaScript其他：firstChild（获取元素下的第一个子元素）；nextSibling（获取元素的同级后面一个元素）；previousSibling（获取元素的上一个元素）；parentNode（获取父亲结点）；childNodes（获取子结点）；document.documentElement（获取文档的根结点）；lastChild（获取最后一个孩子）；document.createElement（创建一个元素）；parent.appendChild(child)（追加子元素）；parent.removeChild(child)（移除子元素）；e.setAttribute(‘name’,’value’)（设置元素的属性）。
再则是jQury部分的学习：jQury是一个轻量级的js库，它的宗旨是write less, do more，写更少的代码，做更多的事情。
再则是Bootstrap部分的学习：Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap是一个做网页的框架（目前最流行的WEB前端框架），就是说你只需要写HTML标签调用它的类你就可以很快速的做一个高大上的网页，你不用担心兼容问题，提供了很多样式供你选择！
最后是Easyui部分的学习：jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。

阅读全文

0 0