JavaScript 声明变量是 直接用var 后边可以写int类型 string类型等
HTML用来编排内容 CSS用来制定样式 JavaScript用来控制行为
那么怎么控制网页呢?
通过DOM(Document Object Model)-文档对象模型 可以能使HTML和JavaScript紧密的结合在一起(这里是把每一个标签看成一个对象 从而组成了这个模型)
例:
html代码:
<div>
<p id="p1">段落一</p> //id 代表了每个标签的内容
<p id="p2">段落二</p>
</div>
JavaScript代码:
var p1=document.getElementById('p1'); //这里的p1获取了html里id为p1标签的内容
var p2=document.getElementById('p2'); //这里的p2获取了html里id为p2标签的内容
p2.innerHTML="我是小仙女"; //这里p2变化时html中标签为p2的内容也变为“我是小仙女”
在JavaScript中函数有这一说 我把它理解为C#的方法 但是它跟Lua的方法书写方式就是一样的 都是function 例:
function fun(a,b,c,d)
{
var sun=a*b*c*d
alert(sun);
}
fun(1,2,3,4); //感觉 JavaScrip 跟lua一样的是不用声明int等类型
JavaScript的监听事件:
<button id="click">点击我</button> //html代码
var b1=document.getElementById('click'); //JavaScript代码
function fun()
{
alert("我被点击了");
}
b1.onclick=fun;
//相当于unity中Button的点击事件 onclick 鼠标点击时事件响应、 onmouseover 鼠标移动到元素事件响应、onmouseup 鼠标松开时事件响应,onmouseover 当鼠标移到button上时事件响应
JavaScript实现用户输入框
例:
<input id="input"> //html代码 input输入
<button id="button">确定</button> button按钮
var input=document.getElementById("input"); //JavaScript代码
var button=document,getElementById("button");
button.onclick=fun;
function fun()
{
alert(input.value);
}
JavaScript的代码写在html<body> 后的<script></script>中
今天写到这里了 明天周一 上班加油