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. Django Web开发【6】使用Ajax增强用户体验

    Ajax及其优点 Ajax实际上就是指异步Javascript与XML,它包含以下技术: HTML与CSS Javascript XMLHttpRequest XML Ajax技术让客户端与服务器实现 ...

  2. 关于微信浏览不能URL传参，URL中的问号被删除

    关于微信浏览不能URL传参,URL中的问号被删除. 尼玛难道没有人遇到过这个问题?看了微信支付SDK3.0的代码,看到urlencode 看到了几次.实际上 在微信浏览器下 header('locat ...

  3. yii2.0 从控制器到视图的输出

    在controllers/SiteController.php文件中,添加 public function actionSay($message = 'Hello') { return $this-& ...

  4. Linux 用户信息，组信息，密码信息！

    1: 用户信息保存在  /etc/passwd 文件下 2: 密码信息保存在 /etc/shadow 3: 组相关的信息 /etc/group

  5. 查看ORACLE 数据库及表信息

    -- 查看ORACLE 数据库中本用户下的所有表 SELECT table_name FROM user_tables; -- 查看ORACLE 数据库中所有用户下的所有表 select user,t ...

  6. iOS 相关职位要求整理版

    在拉勾上找了20家,BOSS直聘找了10家感兴趣的在招聘 iOS 程序员的公司,把职位要求整理了一下. 初创公司一般要求1年以上开发经验,成长型或者成熟型公司一般要求最低2年以上开发经验.这里针对的是 ...

  7. 三种客户端访问wcf服务端的方法 C#

    原文 http://blog.csdn.net/zlj002/article/details/7914556 string jsonstr = String.Empty; string url = & ...

  8. mysql 主从实现

    主库:192.168.1.19 从库:192.168.1.20 开启db_test单库复制 常见问题 参考文档 主配置  以mysql root用户登录,用下面sql创建专门用于主从复制的mysql用 ...

  9. thrift之初体验

    hrift是一个软件框架,用来进行可扩展且跨语言的服务的开发.它结合了功能强大的软件堆栈和代码生成引擎,以构建在 C++, Java, Python, PHP, Ruby, Erlang, Perl, ...

  10. ubuntu安装XHProf

    1. 安装XHProf wget http://pecl.php.net/get/xhprof-0.9.2.tgz tar zxf xhprof-0.9.2.tgz cd xhprof-0.9.2 s ...