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. My blog

    欢迎啦……嘿嘿 http://blog.csdn.net/zuguodexiaoguoabc http://blog.sina.com.cn/u/3914181130

  2. MapReuce 编程总结-多MapReduce执行

    学习hadoop,必不可少的就是写MapReduce程序,当然,对于简单的分析程序,我们只需一个MapReduce就能搞定,这里就不提单MapReuce的情况了,网上例子很多,大家可以百度Google ...

  3. 眼花缭乱的UI，蓝牙位于何方

    我们在前面已经分析了Android启动中涉及蓝牙的各个方面,今天我们着重来看看,在蓝牙打开之前,我们能看到的蓝牙UI有哪些,这些UI又是如何实现的. 1,settings中UI的分析 首先,最常见的也 ...

  4. JSON.parse这个是啥？

    var jsontext = '{"firstname":"Jesper","surname":"Aaberg",&qu ...

  5. Hadoop学习笔记01——Hadoop分布式文件系统

    Hadoop有一个称为HDFS的分布式系统,全称为Hadoop Distributed Filesystem. HDFS有块(block)的概念,默认为64MB,HDFS上的文件被划分为块大小的多个分 ...

  6. 一道Python练习题

    有关字符串与编码的,转自廖雪峰Python教程. 小明的成绩从去年的72分提升到了今年的85分,请计算小明成绩提升的百分点,并用字符串格式化显示出'xx.x%',只保留小数点后1位: # -*- co ...

  7. querySelector $() getElementBy区别

    参考 http://stackoverflow.com/questions/14377590/queryselector-and-queryselectorall-vs-getelementsbycl ...

  8. 实现将VirtualBox 虚拟机转换为KVM虚拟机的步骤

    原来在桌面上一直使用virtualbox虚拟机管理程序(VMM)构建虚拟机安装不同的操作系统,现在 研究linux下的KVM,能否将已经建立的virtualBox虚拟客户机(guest)转换为KVM虚 ...

  9. QT与JavaScript互调 - 虹的日志 - 网易博客

    QT与JavaScript互调 - 虹的日志 - 网易博客 QT与JavaScript互调   2012-05-29 21:43:14|  分类: 技术 |  标签:qt  javascript  w ...

  10. MyEclipse13中修改Servlet.java源代码

    Servlet.java源代码想要修改的步骤,与低版本的不同废话少说,直接来步骤: 1,在myEclipse的安装目录中搜索com.genuitec.eclipse.wizards文件,如图:选择co ...