初识Javascript小结

1.HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中

2.如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法

3.可以通过document.write()向HTML文档写内容,包括标签。注意,如果在文档已加载完成后执行document.write(),整个HTML文档将会被覆盖

4.JS通过//和/**/两种方式注释

5.变量通过var声明,因为JS是弱类型语言,所以可以不指定变量类型。

  var x=1  //number

  var x="a" //字符串

  var x=true  //boolean

  var x  //x无值,undefined

6.函数 使用function 定义

  function 函数名(){

    函数体;

  }

7.var num=new Number()//申明一个Number对象

Number.MAX_VALUE 最大数值
Number.MIN_VALUE 最小数值
Number.NaN 特殊的非数字值
Number.NEGATIVE_INFINITY 负无穷大
Number.POSITIVE_INFINITY 正无穷大
Number.toExponential( ) 用指数计数法格式化数字
Number.toFixed( ) 采用定点计数法格式化数字
Number.toLocaleString( ) 把数字转换成本地格式的字符串
Number.toPrecision( ) 格式化数字的有效位
Number.toString( ) 将—个数字转换成字符串
Number.valueOf( ) 返回原始数值
8.var str = new String()    //申明一个字符串对象

  str.substr(start,length):在str中抽取并返回一个子串。但是它并不修改str,start表示抽取的开始位置,length表示长度,省略length,则表示抽取至末尾。

  str.substring(from,to):将返回字符串string的子串,由from到to之间的字符构成, 包括位于from的字符,不包括位于to的字符.如果from>to,就是自动调换后截取。

  Str.toLowerCase( ):把字符串转换小写

  Str.toUpperCase( ):将字符串转换成大写

  str.split():安照指定的符号对字符串分割

  str.slice():与substring()相同但要灵活,允许使用负值,与Array.slice()相似

  str.concat():字符串链接,与Array.concat想似,但用+号更方便

  str.indexOf():检索字符,返回字符首次出现的位置

9.var date=new Date()       //创建一个日期对象

主要的一些方法:

  date.get/setDay()    //返回/设置一周中的某一天(0~6),

  date.get/setFullYear()  //返回/设置系统时间中的年份

  date.get/setMonth()  //返回/设置系统时间中的月份字段(0~11)

  date.get/setDate()      //返回/设置一个月中的某一天

  date.get/setHours()  //返回/设置系统时间中的小时字段

  date.get/setMinutes()  //返回/设置系统时间中的分钟字段

  date.get/setSeconds()  //返回/设置系统时间中的秒字段

  date.get/setTime()  //返回/设置//返回/设置系统时间中的分钟字段

10.var arr=new Array()     //创建一个数组对象

主要属性:arr.length    //返回数组的长度

主要方法:

  pop()    //删除并返回数组的最后一个元素,返回值为删除的元素

  push()    //向数组末尾添加元素,返回数组的长度

  shift()    //将首个元素移出数组,返回值为删除的元素

  unshift()    //在数组头部插入一个元素,返回数组的长度

  slice()    //返回数组的一部分,参数可为负值,返回截取到的数组

  reverse()    //颠倒数组中的顺序,返回颠倒后的数组

  sort()    //对数组元素排序,需指定方法

  concat()    //数组连接,返回连接的数组,不改变原来的数组

  join()    //将数组元素以指定字符连接,以字符串形式返回

  splice()    //插入、删除或替换数组的元素,

  toString()    //将数组转换成一个字符串

11.Math是原生对象

  Math.abs()  //返回绝对值

  Math.ceil()  //向上取整

  Math.floor()  //乡下取整

  Math.round()  //四舍五入  

  Math.randow()  //返回一个随机数

  Math.max()  //返回较大的一个值

  Math.min()  //返回较小的一个值

  Math.PI()  //常量PI

  Math.pow()  //x的y次幂

  Math.sqrt()  //计算平方

12.其他

  isNaN()  //判断是否是数值,不是数值返回true

  parseInt()  //强制转换为整数类型

  parseFloat()  //强制转换为浮点型数值

  alert()    //警告

  confirm()    //消息确认框

  prompt()    //提示消息框

  document.write()  //向HTML文档写内容,如果文档内容加载完成后用该方法写入,将覆盖整个HTML文档

  document.getElementById()  //通过ID名获取对象

  document.getElementsTagName()  //通过标签名获取对象,返回的是数组对象

  document.getElementsClassName()  //通过类名获取对象,返回的是数组对象

以上所述就是本文的全部内容了,希望大家能够喜欢。

(0)

相关推荐

  • 面向对象的Javascript之一(初识Javascript)

    1. Javascript最大的特性在于其灵活性.作为一名前端开发人员,既可以采用函数式的编程风格,也可以采用更复杂一点的面向对象的编程风格.不管你采用哪种风格,都可以完成一些非常有用的任务.因而,Javascript是一门面向过程的语言,同时也是一门面向对象的语言,进而可以模仿面向对象语言的编程模式和惯用法.我们用一个例子来说明:启动和停止动画. 如果你习惯于函数式的编程风格,代码会如下: 复制代码 代码如下: function startAnimation() { //启用动画 } func

  • javaScript 删除确认实现方法小结

    第一种方法:挺好用的,确认以后才能打开下载地址页面.原理也比较清晰.主要用于删除单条信息确认. function p_del() { var msg = "您真的确定要删除吗?\n\n请确认!"; if (confirm(msg)==true){ return true; }else{ return false; } } 调用方法: " onclick="javascript:return p_del()">删 除 [Ctrl+A 全选 注:如需引入

  • javascript this用法小结

    this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象.但是在javascript中,由于 javascript的动态性(解释执行,当然也有简单的预编译过程),this的指向在运行时才确定.这个特性在给我们带来迷惑的同时也带来了编程上的 自由和灵活,结合apply(call)方法,可以使JS变得异常强大.2.变化的this 在JavaScript中,this通常指向的是我们正在执行的函数本身,或者是指向该函数所属的对象(运行时).当我们在页面中定义

  • javascript 打印内容方法小结

    一般打印就用window.print();就OK了 但是一般都是选择性打印所以会调用方法: 复制代码 代码如下: function preview() { bdhtml=window.document.body.innerHTML; sprnstr="<!--startprint-->"; eprnstr="<!--endprint-->"; prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);

  • JavaScript高级程序设计(第3版)学习笔记6 初识js对象

    在房子里面可以放你想放的任意事物--如果你有足够的美学造诣,你甚至可以弄一个房中房试试--当然,为了方便管理,我们会给房子里存放的所有事物都会取上一个不重复的名字,比如医药房间里的各种药品名称.在ECMAScript中,你可以在对象中存放任意你想放的数据,同样,我们需要给存放的数据取一个名字--也就是对象的属性名,再存放各种数据.再看看ECMA-262中对象的定义:无序属性的集合,其属性可以包含简单数据类型值.对象或者函数. 进入对象,我开始有些激动了,说实话,让我想起做这系列学习笔记的最初原因

  • javascript if条件判断方法小结

    条件语句用于基于不同的条件来执行不同的动作. 条件语句 通常在写代码时,您总是需要为不同的决定来执行不同的动作.您可以在代码中使用条件语句来完成该任务. 在 JavaScript 中,我们可使用以下条件语句: •if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码•if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码•if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行•switch 语句 - 使用

  • 初识javascript 文档碎片

    后来是一技术群问到以下一段代码: 复制代码 代码如下: function html2node(s) { var d = document.createElement('div'); d.innerHTML = s; if (d.childNodes.length == 1) return d.childNodes[0]; var df = document.createDocumentFragment(); while (d.firstChild) df.appendChild(d.firstC

  • javascript的console.log()用法小结

    console.log 原先是 Firefox 的"专利",严格说是安装了 Firebugs 之后的 Firefox 所独有的调试"绝招". 这一招,IE8 学会了,不过用起来比 Firebugs 麻烦,只有在开启调试窗口(F12)的时候,console.log 才能出结果,不然就报错. 今天看到 Opera 也有个叫 dragonfly 的东东,用这东西查看 DOM,已经可以和 Firebug 媲美,然而还是不能用 console.log.于是有人就提供了这样两句

  • Javascript获取当前时间函数和时间操作小结

    在项目需要一个计时器,效果如下: js代码: 复制代码 代码如下: /*获取当前时间*/     function getCurrentDate()     {       var timeStr = '';       var curDate = new Date();       var curMonth = curDate.getMonth()+1;  //获取当前月份(0-11,0代表1月)       var curDay = curDate.getDate();       //获取

  • javascript window.confirm确认 取消对话框实现代码小结

    confirm() 方法 confirm() 方法用于显示一个带有指定消息和确定及取消按钮的对话框. 说明:如果用户点击确定按钮,则 confirm() 返回 true.如果点击取消按钮,则 confirm() 返回 false 一种: 复制代码 代码如下: <a href="javascript:if(confirm('确实要删除该内容吗?'))location='http://www.baidu.com'">弹出窗口</a> 二种: 复制代码 代码如下: &

  • JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结

    1.兼容firefox的 outerHTML,FF中没有outerHtml的方法. 复制代码 代码如下: if (window.HTMLElement) { HTMLElement.prototype.__defineSetter__("outerHTML",function(sHTML) { var r=this.ownerDocument.createRange(); r.setStartBefore(this); var df=r.createContextualFragment

  • JavaScript/jQuery 表单美化插件小结

    Niceforms Niceforms是一款独立的表单美化工具,当前版本为2.0 官方主页:http://www.emblematiq.com/lab/niceforms/ 官方演示:http://www.emblematiq.com/lab/niceforms/demo/niceforms.html GitHub:https://github.com/emblematiq/Niceforms 使用方法,在页面头部引入以下脚本及样式即可: 复制代码 代码如下: <link href="ni

  • JavaScript window.document的属性、方法和事件小结

    javascript中window.document的属性.方法和事件的总结,有需要的朋友可参考一下本文章. 属性: Attributes 存储节点的属性列表(只读) childNodes 存储节点的子节点列表(只读) dataType 返回此节点的数据类型 Definition 以DTD或XML模式给出的节点的定义(只读) Doctype 指定文档类型节点(只读) documentElement 返回文档的根元素(可读写) firstChild 返回当前节点的第一个子节点(只读) Implem

随机推荐