
批改狀態(tài):合格
老師批語:編程語言是相通的, 掌握一門, 再學(xué)一門就會(huì)快很多
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript測試</title>
</head>
<body>
<!-- //js代碼由上往下執(zhí)行,如果從外部加載進(jìn)來,可以延時(shí)加載,關(guān)鍵字“defer"或把js腳本放到代碼下面去。直接加載無效-->
<!--示例:<script src="" defer></script>-->
<!--如果js文件過大,又想同步執(zhí)行,可以加入屬性:async。如果js文件小就不需要了。示例:-->
<!--<script src="jquery.js" async></script>-->
<p>hello !!</p>
<div id="nav">
<div id="index">這才是我要輸入的內(nèi)容</div>
</div>
<script defer>
window.document.write("<p>這是從js里面打印出來的數(shù)據(jù)!!</p>");
alert("歡迎光臨");
//js聲明變量需要關(guān)鍵字var
var name = "admin";
//需要在控制臺(tái)打印
console.log(name);
//js可以想css一樣設(shè)置樣式。方法一:
document.querySelector("#nav").style.border="1px solid red";
document.querySelector("#nav").style.height="30px";
document.querySelector("#index").style.border="1px solid black";
document.querySelector("#index").style.width="200px";
document.querySelector("#index").style.height="20px";
</script>
<div id="nav1">
<div id="index1">這才是我要輸入的內(nèi)容第二套方案;</div>
</div>
<script>
// 方法二:給他一個(gè)變量來統(tǒng)一接收
var nav1 = document.querySelector("#nav1");
var index1 = document.querySelector("#index1");
nav1.style.cssText="width:500px;margin:0 auto;height:50px;border:1px solid yellow;"
index1.style.cssText = "width:320px;height:45px;font-size:20px;color:red;float:right;border:1px solid #000;";
</script>
</body>
</html>
<!--//js中:變量區(qū)分大小寫,并:函數(shù)同樣區(qū)分大小寫-->
<!--js函數(shù)更PHP相似-->
<script>
//函數(shù)中可以直接訪問外部變量//js拼接使用“+”號(hào)
var name = "隔壁王";
function a()
{
return name + "我是函數(shù)1";
}
function A()
{
console.log("我是函數(shù)2");
console.log('我還是函數(shù)2');
}
console.log(a());
A();
</script>
<script>
// js變量和常量比較抽象??梢岳斫鉃椋撼A烤褪枪潭ú恍枰l(fā)生變化的值
// 常量
var name = '老王吧';
// 變量
var age = '30';
console.log("name");
// 打印變量不需要“”
console.log(age);
//更新age
age = "31";
console.log(age);
</script>
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號(hào)
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)