zoukankan      html  css  js  c++  java
  • js 初学者

    JavaScriptHTMLCSS的区别   

    1. HTML:提供网页的结构,提供网页中的内容

    2. CSS: 用来美化网页

    3. JavaScript: 可以用来控制网页内容,给网页增加动态的效果

    JavaScript初体验(JavaScript的书写位置)

    CSS:行内样式、嵌入样式、外部样式

    A:写在行内

    <input type="button" value="按钮" onclick="alert('Hello World')" />

    B:写在script标签中

    <head>

    <script>

    alert('Hello World!');

    </script>

    </head>

    C: 写在外部js文件中,在页面引入

    <script src="main.js"></script>

    注意点

    引用外部js文件的script标签中不可以写JavaScript代码

    语句

    Javascript引擎所解释执行的一句代码

    组成:

    表达式、关键字

    表达式:由一个或多个运算符以及一个或多个操作数组成的。 如:1+2

    特点:以分号表示结束

    console.log();

    document.write();

    alert();

    习惯:一行只写一条语句

    注意:严格区分大小写   XML 严格区别大小写

    console.log();

    console.Log();错误

    什么是变量

    就是内存中的一段空间,用于保存程序运行过程中要用到的数据。就是存储数据的容器。

    为什么要使用变量

    使用变量可以方便的获取或者修改内存中的数据

    什么是变量名

    内存空间的一个别名,为了方便记忆。即变量的名字。

    如何使用变量 到内存中开辟一段空间用于保存数据

    语法:var 声明变量

    变量的赋值

    将数据保存进变量

    运算符:= 赋值运算符

    语法:

    变量名=;

    var name;

    name="张无忌";

    var name = "张无忌";

    初始化:声明变量并赋值

    var 变量名称=;

    注意:没有被赋值的变量自动取值为undefined

    var  name ;

    var name;

    var age;

    var hobby;

    一条语句中声明多个变量:

    var name,age,hobby;

    var name="张三丰",age=30;

    变量名命名规范

    不允许使用关键字以及保留关键字命名

    标准关键字:

    eg : var , function , if , for ,true,false ...

    保留关键字:

    class,int,float,double ... ...

    命名规范

        a、可以包含字母、数字、下划线 _$

    b、不能以数字开头

    var name;

    var name1;

    var 1name;错误

    c、不允许重复

    d、尽量见名知意

    变量使用注意问题

    1、未初始化变量的使用

    var age;

    只定义未赋值,值为undefined

    未定义,使用,错误,not defined

    2、在可能的情况下,声明变量时尽量初始化

    var age=10;

    var name="张三";

    var isHappy=true;

    3、将变量的声明和赋值分开操作

    var name;

    var age;

    name="";

    age=18;

    对变量进行的存取操作

    1、设置变量的值(赋值,存)

    var name="张三丰";//张三丰

    name="张无忌";//张无忌

    2、获取变量的值(取值)

    var uname="张无忌";

    console.log(uname);

    var newName = uname;

    uname : 取值操作(=右边使用)

    newName : 赋值操作(=左边使用)

    运算符     

    1、算数运算符

    +,-,*,/,%   算术运算符

    %:取余(),计算两个数字相除后的  余数

    5%2 结果为 1

    3%5 结果为 3

    %  运用

    常用场合:

    1、获取数字的最后一位

    1234

    1234%10=123 ... 4

    1234%100 = 12 ... 34

    2、判断奇偶性 或 判断 是某数字的倍数

    58 % 2 结果是否为 0?

    +

    1、求和:数字类型的数值求和  

    2"" +联用 ,作用是拼接        "1"+1=11  "a"+1=a1

    "12"+25 结果为:1225

    '12'+25 结果为:1225

    原始类型 (基本类型)

    1number 类型

    数字

    可以表示 32 (4字节)的整数,或64(8字节)的浮点数

    浮点数:小数

    var age;

    age=12; //number

    age=24.5;//number

    2string 类型

    字符串

    一系列的文本数据

    注意:赋值时,必须使用 " " ' ' 扩起

    var name="张三丰";//string

    var age = "12"; //string

    特殊字符,可以通过转移字符实现

    "Hello World"

    console.log(""Hello World"");错误

         console.log("Hello World");

    3boolean 类型

    布尔

    只表示 肯定() 或 否定()的数据

    值:true() false()

    使用场合:作为程序的条件(判断、循环)

    在与 number 类型做运算时,true=1false=0

    4null 类型

    5undefined 类型

    未定义

    表示 不存在的数据

    引用类型

    Object 对象

    Arraay

    ArrayList

    Person

  • 相关阅读:
    Silverlight开发历程—(用C#来绘制图形)
    Silverlight之dispatcherTimer 与 线程
    Silverlight开发历程—RenderTransform特效(TranslateTransform,RotateTransform,ScaleTransform,skewTransform)
    百度程序员猝死 是否过劳死引发争论
    10款优秀的HTML5开发工具
    Silverlight开发历程—(绘制报表)
    IT的哥一样是传说!
    Silverlight开发历程—(布局控件Canvas)
    Silverlight开发历程—(利用C#代码制作取色器)
    Silverlight开发历程—(画刷与着色之线性渐变画刷)
  • 原文地址:https://www.cnblogs.com/nnnnmmmm/p/10436781.html
Copyright © 2011-2022 走看看