JavaScript入门

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>中

今天写到这里了 明天周一 上班加油

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 本文是本人源自慕课网《Javascript入门篇》笔记。 confirm 消息对话框var r=confirm("...
    everfight阅读 2,801评论 0 4
  • 为方便阅读,该内容需具备一定的HTML+CSS基础。 为什么学习JavaScript 一、为什么JavaScrip...
    百草纪阅读 2,675评论 0 1
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,417评论 2 17
  • 引用JS外部文件 JS在页面中的位置 javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览...
    SunnySky_阅读 2,773评论 0 2
  • 1-1 引用JS外部文件 注意:在JS文件中,不需要 标签,直接编写JavaScript代码就可以了标签,直接编写...
    croyance0601阅读 2,790评论 0 0

友情链接更多精彩内容