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. codeforces 377B Preparing for the Contest 二分+优先队列

    题目链接 给你m个bug, 每个bug都有一个复杂度.n个人, 每个人有两个值, 一个是能力值, 当能力值>=bug的复杂度时才可以修复这个bug, 另一个是雇佣他需要的钱,掏一次钱就可以永久雇 ...

  2. Docker和DevOps是找工作必备技能

    根据最近的IT Jobs Watch数据,涉及Docker技术的的工作角色上升了317名次,排在500个最受追捧的IT技能第二位.无独有偶,从Rackspace最近的研究表明,Docker和DevOp ...

  3. 《Pointers On C》读书笔记(第三章 数据)

    1．在C语言中,仅有4种基本数据类型:整型.浮点型.指针和聚合类型(如数组和结构等). 整型家族包括字符.短整型.整型和长整型,它们都分为有符号和无符号两种. 标准规定整型值相互之间大小的规则:长整型 ...

  4. Vue.js——webpack

    Vue.js——60分钟webpack项目模板快速入门 browserify是一个 CommonJS风格的模块管理和打包工具,上一篇我们简单地介绍了Vue.js官方基于browserify构筑的一套开 ...

  5. 转: mysql create view 创建视图

    以下的文章主要是对MySQL视图的描述,其中包括MySQ视图L概述,以及创建MySQL视图-create view与修改MySQL视图--alter view等相关内容的具体描述,以下就是文章的具体内 ...

  6. LINQ to SQL的CRUD操作

    创建数据对象模型 sqlmetal /code:"C:\MyProjects\VS2008\Data\LinqConsoleApp2\LinqConsoleApp2\northwnd.cs& ...

  7. vb6.0 倒计时

    Dim t Dim start As Boolean Private Sub Command1_Click() If start = False Then t = Val(Text1) * 3600 ...

  8. Android项目开发五-《星星生活志》1.使用MediaRecorder录制音频

    Android设备实现录制音频的简单demo 转载请注明; http://blog.csdn.net/u013670933/article/details/26089487 代码例如以下: publi ...

  9. openGl学习之加入颜色

    OpenGL 支持两种颜色模式:一种是 RGBA模式.一种是 颜色索引模式. 不管哪种颜色模式.计算机都必须为每个像素保存一些数据,即通过每个像素的颜色,来改变总体图形的颜色.不同的是. RGBA 模 ...

  10. jQuery 插件 flexslider 初步使用

    发现了个不错的 jQuery 幻灯片插件 flexslider,有 接近 3000 Star,应该说是很靠谱的,下面是简单使用教程. 引入代码 所有代码都可以在 flexlslider 的 Githu ...