js 预热 学习篇包含基本语法

网页设计js 预热 学习篇包含基本语法
1,结构层 html
2.样式层 css
3,行为层 javascript (有Google Ajax 到PhoneGap 到手机app 开发 到node.js,不在拘泥于客户端的全栈语言)
js 内嵌在html 页面的脚本语言
1,位于<script></script> 脚本可以放到<body>和<head>部分中
JavaScript 数组
下面的代码创建名为 cars 的数组:
var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";
或者 (condensed array):
var cars=new Array("Saab","Volvo","BMW");
或者 (literal array):
实例
var cars=["Saab","Volvo","BMW"];
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--head 中使用-->
    <script >
        alert("hello js!马丹我又来学习你了!")
    </script>
    <title>Title</title>
</head>
<body>
<!--body中使用-->
<script>prompt("gsc","0,1",0)</script>
<!--引用外部资源js-->
<script src="myjs.js"></script>
JavaScript 没有任何打印或者输出的函数。
<!--你可以弹出警告框来显示数据:-->
<script> window.alert(gsc)</script>
<!--使用 document.write() 方法将内容写到 HTML 文档中。-->
<script> document.write("我写入网页le!");
a=100;
b=500;
console.log(a+b);<!----写入浏览器控制台-->
document.write(new Date())</script>
<!--使用 innerHTML 写入到 HTML 元素。-->
<p id="gsc">I am gsc</p>
<script> document.getElementById("gsc").innerHTML="I am fdy"</script>
</body>
</html>




/**
 * Created by Administrator on 2017/1/28 0028.
 */
/*
js 语法学习
变量随便玩不需要指明类型,类型完全靠赋值类型表达式
字面量 1.数字,字符串 字变量表达式 数组(array)字面量 函数(Function)字面量
变量申明用 var
 */
alert("hello word");
a=1;
a=9.00
b="gsc"
c='fdy'
45*8;
[1,2,3,44]
//函数字面量
function  mygsc(a,b){
    return a/b;


}
var a,l;
a=45;
l="fdy";


//表示注释
var length = 16;                                  // Number 通过数字字面量赋值
var points = x * 10;                              // Number 通过表达式字面量赋值
var lastName = "Johnson";                         // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值
var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值
document.write(a);


//自动转string 输入浏览器
16 + "Volvo"
//js 对大小写敏感
//变量申明用var,多个;结束 ,为赋值var类型为 undefined
var gsc;//gsc 为undefined
//JavaScript 数据类型
//字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(Null)、未定义(Undefined)。
//布尔类型 true false
var x=true;


document.write(x);
/*
 JavaScript 数组
 下面的代码创建名为 cars 的数组:
 var cars=new Array();
 cars[0]="Saab";
 cars[1]="Volvo";
 cars[2]="BMW";
 或者 (condensed array):
 var cars=new Array("Saab","Volvo","BMW");
 或者 (literal array):
 实例
 var cars=["Saab","Volvo","BMW"];
 */
//对象

var Person={firtName: fdy, age:15};

/**
 * Created by Administrator on 2017/1/28 0028.
 */
//js 之面向对象篇学习
var Person={Name:"fdy",age:12,
    //方法作为属性
    funInfo:function(){
    return this.Name+this.age;
    }
};
//document.write(Person.age);
//document.write(Person.funInfo());//方法访问
document.write(Person.funInfo);//方法作为属性访问

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

江南一舟110

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值