zoukankan      html  css  js  c++  java
  • javascript进击(一)简介

    javascript是属于网络的脚本语言(javascript与java就像老婆与老婆饼,并没有关系)

    页面静态效果:HTML+CSS

    为页面添加动态效果:javascript

    JavaScript 是可插入 HTML 页面的轻量级编程语言,插入 HTML 页面后,可由所有的现代浏览器执行。

    提示:JavaScript 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。

    JavaScript能做什么?

    1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)

    2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等)

    3.可以用来改进设计、验证表单、检验浏览器、创建cookies以及更多应用。

    (一)写入HTML输出

    注意只能在 HTML 输出中使用 document.write。如果在函数里使用(在文档完成加载时),调用函数后会覆盖整个文档。

    提示:可以使用<br>标签换行,也可以使用反斜杠“”换行

    (二)对事件做出反应

    提示:alert()函数更多地应用于代码测试

    (三)改变HTML内容

    1 x=document.getElementById("demo");  // 找到元素
    2 x.innerHTML="Hello JavaScript!";    // 改变内容

    访问HTML元素要用DOM(文档对象模型),document.getElementByID("some id")是其中的一种方法。

    (四)改变HTML图像

     1 <!DOCTYPE html>
     2 <html>
     3 <body>
     4 <script>
     5 function changeImage()
     6 {
     7 element=document.getElementById('myimage')
     8 if (element.src.match("b"))
     9   {
    10   element.src="q.gif";
    11   }
    12 else
    13   {
    14   element.src="a.gif";
    15   }
    16 }
    17 </script>
    18 <img id="myimage" onclick="changeImage()" src="a.gif">
    19 <p>点击图片变换图片</p>
    20 </body>
    21 </html>

    (五)改变HTML样式(属于改变HTML属性的变种)

    1 x=document.getElementById("demo") // 找到元素
    2 x.style.color="#ff0000";          // 改变样式

    (六)验证输入(常用于验证用户的输入)

     1 <script>
     2 function myFunction()
     3 {
     4 var x=document.getElementById("demo").value;
     5 if(x==""||isNaN(x))
     6     {
     7     alert("Not Numeric");
     8     }
     9 }
    10 </script>

    注意:HTML 中的脚本必须位于 <script> 与 </script> 标签之间。但脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

    提示:浏览器会解释并执行位于 <script> 和 </script> 之间的 JavaScript。老版本中<script> 标签中需要使用 type="text/javascript"。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。

    javascript存放的位置:

    1.head标签里

    2.body标签里

    3.以.js结尾的外部文件

    提示:外部脚本不能包含 <script> 标签。

    javascript注释(用于调试或解释代码):

    单行//

    多行/* */

    javascript中的变量:

    提示:如果向变量赋的值是数值时,不要使用引号。如果用引号包围数值,该值会被作为文本来处理。习惯上,在代码开始处,统一对需要的变量进行声明。

    javascript数据类型:

    字符串,

    数字(可以带小数点也可以通过科学计数法书写),

    布尔值(true,false),数组(下标为0),

    javascript对象(对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔。对象寻址有两种方式:对象.name或者对象["name"])

    提示:Undefined 这个值表示变量不含有值。可以通过将变量的值设置为 null 来清空变量。

    声明变量类型:

    声明新变量时,可以使用关键词 "new" 来声明其类型。var carname=new String;JavaScript 变量均为对象。当声明一个变量时,就创建了一个新的对象。

    javascript对象:

    js中多以的事物都是对象,包括函数也是对象,每个对象都带有属性(特征/静态)和方法(动作/动态)

    js提供多个内建对象,比如string,Date,Array等,使用前先定义

    访问对象属性的语法:objectName.propertyName

    访问对象的方法:objectName.methodName()

    提示:在面向对象的语言中,属性和方法常被称为对象的成员。

    创建新 JavaScript 对象有很多不同的方法,并且还可以向已存在的对象添加属性和方法。

    javascript函数:

    函数的定义:

    function 函数名(){

    函数体;

    }

    函数的调用:

    函数只在你需要的时候起作用,那么如何判断是否需要的,这就是函数调用,调用起来也非常方便,只要直接在需要的位置上写上函数名即可

    注意:不不仅在HTML文件中可以调用,在<script>标签内也可以调用。

    有参数的函数:

    function 函数名(参数1,...,函数n){

    函数体;

    }

    注意:参数可以多个,看情况定义。

    返回值的函数:

    当我们想对函数的结果进行处理的时候,就需要一个返回值,然后再把返回值赋值给某种东西进行处理。

    提示:在您仅仅希望退出函数时 ,也可使用 return 语句。返回值是可选的.

    局部 JavaScript 变量:

    在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。

    您可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量。

    只要函数运行完毕,本地变量就会被删除。

    全局 JavaScript 变量:

    在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。

    JavaScript 变量的生存期:

    JavaScript 变量的生命期从它们被声明的时间开始。

    局部变量会在函数运行以后被删除。

    全局变量会在页面关闭后被删除。

    向未声明的 JavaScript 变量来分配值

    如果把值赋给尚未声明的变量,该变量将被自动作为全局变量声明。

  • 相关阅读:
    Android SDK更新 Connection to http://dlssl.google.com refused 解决方法
    rsync服务架设(数据同步|文件增量备份)
    cocos2dx 环境搭建
    GMT、UTC、PDT 时间是什么?Linux下如何调整时区
    测试日志
    处理Oracle中杀不掉的锁
    熟悉常用的Linux操作
    综合练习:英文词频统计
    编译原理
    字符串、组合数据类型练习
  • 原文地址:https://www.cnblogs.com/tongx123/p/5091634.html
Copyright © 2011-2022 走看看