Javascript概述：

Javascript是基于对象和事件的脚本语言。特点;

1、安全性（不允许直接访问本地硬盘），它可以做的就是信息的动态交互。

2、跨平台性。

JavaScript与HTML的结合方式：

想要将其他代码融入HTML，都是以标签的形式。

1、 Js代码存放在标签对<script type="text/javascript">。。。。<script>

2、 使用JavaScript标签引入Js文件。如：

<script type="text/javascript" src="xxxx"></script>

JavaScript语法：

每种语言都有自己的语法规则，Js语法与Java很像。

1、变量

通过关键字Var来定义，弱类型是不用制定具体的数据类型。

注：Js中特殊的变量值：undefined，当变量没有初始化就被使用会提示未定义。

2、判断，循环，选择，数组相关看下面的代码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>我的第一个javascript练习</title>

</head>

<body>

    <!-- 2种加载方式   <script type="text/javascript" src="xxxx"></script> -->

    <script type="text/javascript">

    /*定义变量  */

    var x= 3;

        x = "abc";//这里单引号双引号一样

    alert(x);

    if( "abc" == x){

    	alert("YES");

    }else{

    	alert("NO");

    }

    //SWITCH 语句

    alert("switch 语句练习  ");

    x = 3;

    switch(x)

    {

    case "adc":

    	alert("abc");

    	break;

    case 3:

    	alert(3);

    	break;

    default:

    	alert("something error!");

        break;

    }

    //写到网页上。

    document.write("<font color = 'red'>while ,do ...while,for 和C语言一样</font>");

    document.write("数组：");

    var arr = [4,1,6,8];

    for(var i = 0;i<arr.length;i++)

    	{

    	document.write(arr[i]);

    	}

    </script>

    <h1><font color="red">这是我的第一个练习</font></h1>

</body>

</html>

简单排序算法

<script type="text/javascript">

    var arry = [5,1,2,7,4];

    //排序

    for(var i = 0; i < arry.length;i++){

    	for(var j = i + 1;j < arry.length;j++){

    		if(arry[j] < arry[i]){

    			var tmp = arry[i];

    			arry[i] = arry[j];

    			arry[j] = tmp;

    		}

    	}

    }

    for(i = 0; i < arry.length;i++){

    	document.write(" "+arry[i]+" ");

    }

</script>

函数相关

<script type="text/javascript">

    //函数

    function show(){

    	alert("show run");

    }

    function show1(){

    	for(var x = 0;x < arguments.length;x++)

    		alert(arguments[x]);

    }

    show();

    show1(1,2,3,4);

    document.write("is OK!");

    //动态函数

    //var show = new Function("x","y","var sum = x + y; return sum;");

   // alert(show(2,3));

    //匿名函数

  //  var show2 = function(){

    //	/document.write("func run");

    //}

    //show2();

   // window.onload = function(){

    //	document.write("func run----");

    //}

   window.onload = show;//这里不能写成show()

</script>

对象

<script type="text/javascript">

    function Person(name,age){

    	this.name = name;

    	this.age = age;

    }

    var p = new Person("jsh",28);

    alert(p['name'] + p.age);

    function Per(){

    	document.write("per create!");

    }

    var p1 = new Per();

    p1.name = "jsh1";

    p1.age = "30";

    p1.chifan = function(){

    	document.write("chifan!");

    }

    p1.chifan();

</script>

PHP自学之路-----javascript基础入门的更多相关文章

  1. JavaScript 基础入门

    JavaScript 基础入门   JavaScript 的组成 JS 由三部分组成,它们分别是:ECMAScript.DOM.BOM. ECMAScript     因为网景开发了JavaScrip ...

  2. JavaScript基础入门10

    目录 JavaScript 基础入门10 正则表达式 为什么使用正则表达式? 正则表达式的应用场景 如何创建一个正则表达式 基础语法 具有特殊意义的转义字符 量词 字符类 贪婪模式 练习 邮箱验证 中 ...

  3. JavaScript基础入门09

    目录 JavaScript 基础入门09 Event 自定义右键菜单 获取鼠标按键 获取鼠标坐标 获取键盘按键 页面中位置的获取 浏览器的默认行为 冒泡 什么是冒泡 小练习 JavaScript 基础 ...

  4. JavaScript基础入门08

    目录 JavaScript 基础入门08 DOM 介绍 绑定事件 给一组元素绑定事件 节点 节点树 节点类型 选取文档内容 通过id选取元素 通过指定的标签名选取元素 用指定的css类来选取元素 通过 ...

  5. JavaScript基础入门07

    目录 JavaScript 基础入门07 BOM window对象 Navigator对象 Screen 对象 Location对象 History 对象 JavaScript 基础入门07 BOM ...

  6. JavaScript基础入门06

    目录 JavaScript 基础入门06 Math 对象 Math对象的静态属性 Math对象的静态方法 指定范围的随机数 返回随机字符 三角函数 Date对象 基础知识 日期对象具体API 构造函数 ...

  7. JavaScript基础入门05

    目录 JavaScript 基础入门05 严格模式 严格模式的设计目的 如何开启使用严格模式 显式报错 字符串 字符串的创建 字符串实例方法之常用API JavaScript 基础入门05 严格模式 ...

  8. JavaScript基础入门04

    目录 JavaScript 基础入门04 JavaScript 对象 介绍 关于键名 对象的引用 语句和表达式需要注意的地方 对象属性常见的操作 with语句 JSON 特点 语法规则 JSON合法示 ...

  9. javascript基础入门之js中的结构分支与循环语句

    javascript基础入门之js中的结构分支与循环语句 程序的结构①顺序结构:自上而下:②选择(分支)结构:多条路径,根据不同的条件,只执行其中一个:③循环结构:重复某些代码④配合特定的语句实现选择 ...

随机推荐

  1. QML Performance

    1) Limit JavaScript a) inline JavaScript:  内联的JavaScript方法;  1. 将js方法放置在Element内部; 2. 尝试将语句写在一行内; e. ...

  2. Java基础之垃圾回收

    /** * 对象在没有任何引用可以到达时,生命周期结束,成为垃圾. * 所有对象在被回收之前都会自动调用finalize()方法. * ******************************** ...

  3. 容易被误解的overflow:hidden

    http://www.ofcss.com/2011/03/20/misunderstood-of-overflow-hidden.html(转) 容易被误解的overflow:hidden 15条评论 ...

  4. clip原理

    1.clip的概述: clip是修剪之意 clip有4个属性值:inherit auto rect(20px,40px,60px,0px) !important 其中有作用的仅rect这个属性值,着重 ...

  5. 一个给力的html5 画多边形的例子

    只需改变参数就能画出你想要的多边形,代码简单!不得不惊叹canvas的强大! 代码奉上 <!doctype html> <html> <head> <meta ...

  6. Gulp 从0开始

    http://www.w3ctech.com/topic/134  (该文章有很多错误) http://markpop.github.io/2014/09/17/Gulp%E5%85%A5%E9%97 ...

  7. JAVA泛型接口

    事例代码: package com.xt.thins_15_3; import java.util.Iterator; /** * 泛型接口 * * @author xue * * @param &l ...

  8. 浅谈Java泛型中的extends和super关键字（转）

    通配符 在本文的前面的部分里已经说过了泛型类型的子类型的不相关性.但有些时候,我们希望能够像使用普通类型那样使用泛型类型: 向上造型一个泛型对象的引用 向下造型一个泛型对象的引用 向上造型一个泛型对象 ...

  9. HDU 1002 A + B Problem II（大整数相加）

    A + B Problem II Time Limit:1000MS     Memory Limit:32768KB     64bit IO Format:%I64d & %I64u De ...

  10. tlplayer for ios V1.0

    此程序UI修改于虎跃在线课堂.所以极其相似. 可以播放网络视频与本地视频,不知道怎么拷贝本地视频到Ipad或iphone上看的朋友,请自己到网上看教程. 支持mms,file,rtsp,rtmp,ht ...