温故而知新----javascript

原创 2016年10月08日 17:30:09

一、javascript 实例

1、用javascript 输出文本

document.write(Date());

2、用javascript改变html元素

document.getElementById("demo").innerHTML = "";

3、换行警告框

alert("Hello\nHow are you?");

4、确认框

var r = confirm("按下按钮");

r = true : 按下了 “确定” 按钮

r = false : 按下了 “取消” 按钮

5、try catch

try {


}catch(err){

     alert( "错误描述:"+err.message);

}


2)onerror = handler(msg,url,l)

   ....

    txt+="错误: " + msg + "\n";
    txt+="URL: " + url + "\n";
    txt+="行: " + l + "\n\n";

  ....

6、字符串对象

(1)字符串长度,txt.length

(2)给字符串添加样式

var txt = "Hello World!";
document.write("<p>字体变大: " + txt.big() + "</p>");
document.write("<p>字体缩小: " + txt.small() + "</p>");
document.write("<p>字体加粗: " + txt.bold() + "</p>");
document.write("<p>斜体: " + txt.italics() + "</p>");
document.write("<p>固定定位: " + txt.fixed() + "</p>");
document.write("<p>加删除线: " + txt.strike() + "</p>");
document.write("<p>字体颜色: " + txt.fontcolor("green") + "</p>");
document.write("<p>字体大小: " + txt.fontsize(6) + "</p>");
document.write("<p>下标: " + txt.sub() + "</p>");
document.write("<p>上标: " + txt.sup() + "</p>");
document.write("<p>链接: " + txt.link("http://www.w3cschool.cc") + "</p>");
document.write("<p>闪动文本: " + txt.blink() + " (不能用于IE,Chrome,或者Safari)</p>");

(3)indexOf() : 返回字符串中指定文本首次出现的位置

    var str="Hello world, welcome to the universe.";
    var n=str.indexOf("ello"); //1

    var n=str.indexOf("zhasoahn"); //-1

(4)replace

   var str=document.getElementById("demo").innerHTML;
    var n=str.replace("Microsoft","W3CSchool");

 


7、Date(日期)对象

var d=new Date();

(1)显示今天的日期时间
document.write(d);

(2)1970年1月1号至今的毫秒数

d.getTime();

(3)使用 setFullYear() 设置具体的日期

注:JavaScript月数是从0至11。10是11月
     d.setFullYear(2016,7,29);

(4)

var weekday=new Array(7);
    weekday[0]="周日";
    weekday[1]="周一";
    weekday[2]="周二";
    weekday[3]="周三";
    weekday[4]="周四";
    weekday[5]="周五";
    weekday[6]="周六";
    var x = document.getElementById("demo");
    x.innerHTML=weekday[d.getDay()];


8、Array(数组)对象

var fruits = ["Banana", "Orange", "Apple", "Mango"];

1)var family = parents.concat(brothers, children);

2)join:用数组元素组成字符串

     fruits.join();

3)pop():删除数组最后一个元素

      fruits.pop();

4)push :数组末尾添加新的元素

     fruits.push("Kiwi");

5)shift:删除数组的第一个元素

     fruits.shift();

6)reverse:反转一个数组中的元素的顺序

    fruits.reverse();  

7)slice:从一个数组中选择元素

    fruits.slice(1,3);//Orange,Lemon

7)sort: 数组排序(按字母顺序升序)- sort()

             数字排序(按数字顺序升序)- sort()  

8)splice:在数组的第2位置添加一个元素 - splice()

      fruits.splice(2,0,"Lemon","Kiwi"); //Banana,Orange,Lemon,Kiwi,Apple,Mango

9)转换数组到字符串 -toString()

      fruits.toString();

10)在数组的开头添加新元素 - unshift()

      fruits.unshift("Lemon","Pineapple");

注意: unshift()方法不能用于 Internet Explorer 8 之前的版本,插入的值将被返回成undefined

9、History对象

返回一个url的历史清单

window.history.length

window.history.back()

window.history.forword()

window.history.go(-2)

10、Document 对象

(1)锚

文档中锚的数量:document.anchors.length

文档中锚第一个锚的内容:document.anchors[0].innerHTML

(2) 表单

document.forms.length

document.forms[0].name

(3)图像

document.images.length

document.images[0].id

(4)链接

document.links.length

(5)文档中所有cookies的名称/值对

document.cookie

(6)域名

document.domain

(7)文档最后一次修改时间

document.lastModified

11、Event对象

键盘键的keycode

(1)

function whichButton(event){
    alert(event.keyCode);
}

(2)鼠标指针的 x 和 y 坐标

function show_coords(event){
    var x=event.clientX;
    var y=event.clientY;
    alert("X coords: " + x + ", Y coords: " + y);
}

(3)指针相对于屏幕的 x 和 y 坐标。

function coordinates(event){
    x=event.screenX
    y=event.screenY
    alert("X=" + x + " Y=" + y)
}

(4)是否按下 shift 键

function isKeyPressed(event){
    if (event.shiftKey==1){
        alert(" shift 键被按下!");
    }
    else{
        alert(" shift 键没被按下!");
    }
}

(5)event.type

//mousedown


12、Option and Select 对象

<select id="mySelect">
<option>苹果</option>
<option>梨子</option>
<option>香蕉</option>
<option>橙子</option>
</select>

(1)下拉列表数量

document.getElementById("mySelect").length

(2)修改为多行列表

function changeSize(){
    document.getElementById("mySelect").size=4;
}

(3)弹出选中项

function getIndex(){
    var x=document.getElementById("mySelect");
    alert(x.selectedIndex);
}

(4)弹出选中项文本

x.options[x.selectedIndex].text

(5)移除你的选项

x.remove(x.selectedIndex);

13、Table, TableHeader, TableRow, TableData 对象

<table id="myTable" border="1">
<tr>
  <td>行 1</td>
  <td><input type="button" value="删除" onclick="deleteRow(this)"></td>
</tr>

<tr id="tr1">
    <td>Peter</td>
    <td>Griffin</td>
</tr>

</table>

(1)创建标题

function createCaption(){
    var x=document.getElementById('myTable').createCaption();
    x.innerHTML="表的标题";
}

(2)删除表格中的行

function deleteRow(r){
    var i=r.parentNode.parentNode.rowIndex;
    document.getElementById('myTable').deleteRow(i);
}

(3)添加表格中的行

function insRow(){
    var x=document.getElementById('myTable').insertRow(0);
    var y=x.insertCell(0);
    var z=x.insertCell(1);
    y.innerHTML="新单元格1";
    z.innerHTML="新单元格2";
}

(4)添加单元格

function insCell(){
    var x=document.getElementById('tr1').insertCell(0);
    x.innerHTML="The famous";
}

(5)

document.getElementById('header').align="left";

document.getElementById('tr2').vAlign="top";

(6)

function setColSpan(){
    var x=document.getElementById('myTable').rows[0].cells;
    x[0].colSpan="2";
    x[1].colSpan="6";
}


14、JavaScript 数据类型

String

Number

Boolean

Object

Array

Null

undefined

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

温故而知新-----三、面向对象--静态

概念:是相对面向过程而言 面向对象和面向过程都是一种思想 面向过程:强调的是功能行为 面向对象:将功能封装进对象,强调具备了功能的对象 面向对象是基于面向过程的人开门:名词提炼法 人 { ...

温故而知新之session生命周期详解

参考文献:http://www.cnblogs.com/binger/archive/2013/03/19/2970171.html

《温故而知新》系列之自定义View基本知识

年末,工作闲暇之余写了这篇自定义View常用的基本知识,主要是为了巩固一下自己的基础。 提到自定义View,大家耳熟能详:自定义属性、onMeasure()、onDraw()。onMeaure比较简...

C# 温故而知新:Stream篇(—)

C# 温故而知新:Stream篇(—)   目录: 什么是Stream? 什么是字节序列? Stream的构造函数 Stream的重要属性及方法 Stream的示例 Stream异步读写...

C#温故而知新学习系列之面向对象编程—12-属性

字段   字段是存储类要满足其设计所需要的数据,字段是与类相关的变量   比如以前讲的Cat类中的private string _name;_name其实就是一个字段,它通常是类的私有变量   ...

ASP.NET温故而知新学习系列之深度剖析ASP.NET架构—HttpHandler(三)

前言   我们在上节讲了使用ISAPI是一种重要的技术,可以让我们扩展服务器的功能,有两个手段实现,一个是ISAPI扩展,一个是ISAPI过滤器,我们下面就来说说其中的这个ISAPI扩展。   一:H...

[温故而知新] 《Linux/Unix系统编程手册》——文件I/O

本文对文件IO这一块做一些梳理,记录思考的一些问题和一些待解决的问题,后续会继续更新。 I hear and I forget,I see and I remember,I do and I...

java温故而知新之面向对象

2012年接触的java,期间学习了java SE,java EE,Android。学习内容杂乱且并不深入。所以,直至今日,java的水平还是挫挫的入门水平。故决定今天开始,将为大家带来java学习的...

ASP.NET温故而知新学习系列之深度剖析ASP.NET架构—ASP.NET请求的处理过程(一)

前言   我为什么要写这一系列呢,因为只有了解运行机制,学好底层,对我们更深入的理解一定的问题有帮助。   一:ASP.NET的工作原理   我们根据下面这张图来说明ASP.NET是如何来工作的   ...

ASP.NET温故而知新学习系列之网站安全技术—Web.config加密和解密(一)

阅读目录   一:我们为什么要对web.config配置文件中的配置节加密?   二:怎么样加密和解密?   三:实例   四:运行效果   一:我们为什么要对web.config配置文件中...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)