html+JS学习笔记1

HTML的主要功能是告诉浏览器,如何去显示一些内容

CSS主要功能是改变HTML元素的样式

JavaScript用来控制行为,可以在HTML里做动画,可以发数据给服务器,还可以做APP。

1、alert('hello world!');  这个语句就是在浏览器中弹出Hello World!


还可以进行计算。alert('1+1');

2、变量:有时候我们需要将信息存储在一个地方时,就需要使用它。先声明,再赋值。

字符串:它是用来存储字符信息的,它的使用和变量是一样的,也同样需要先声明后赋值。同时,字符串是可以用+联接的。

3、实际操作中,通过DOM(Document Object Model) — 文档对象模型,来控制网页做我们想做的事情,它能使HTML和JavaScript紧密的结合在一起。也叫做DOM树。每个标签可以看成一个对象组成了这个模型,每一个HTML元素都可以被定位,则在找到元素之后我们就可以改变元素啦,可以做出动态效果。查找元素需要根据元素的id(也就是编号),这个id是唯一的,不可重复设置,像身份证号一样。

4、获取p1的内容并显示:

var p1=document.getElementById('p1');

var p2=document.getElementById('p2');

var t = p1.innerHTML;

alert(t);

5、innerHTML在JS是双向功能:获取对象的内容  或  向对象插入内容;

如:<div id='aa'>这是内容</div>

 我们可以通过 var p1 =  document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容;

也可以对某对象插入内容,如  document.getElementById('abc').innerHTML='这是被插入的内容';  这样就能向id为abc的对象插入内容。

6、函数:首先要定义函数:function name(){ }  // name是你要给函数起的名字,在{ }中写上功能代码,一切就绪后,我们调用这个函数:name();   。

7、在JS中,有些情况需要我们进行监听的,例如:按钮点击、键盘输入、网络请求等。在监听到这些事件后,我们可以通过JavaScript定位元素,每一个HTML元素都有相应的事件。当一个元素上的特定事件发生时,一个函数将会被调用,语法是这个样子的:element.onevent=function;。

实例:

b1.onclick = bclick;  //(bclick是一个函数调用) 。类似的事件还有很多,例如onmouseover(鼠标移动到元素)、onmouseup(鼠标按键被松开),可以用onmouseover代替onclick,是当鼠标移到button上时触发。

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

相关阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,392评论 2 17
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 6,490评论 1 10
  • 我们首先要明白,我们给页面添加效果用到的js到底是什么?js其实包含三部分:dom 文档对象模型 bom 浏览...
    一直以来都很好阅读 4,206评论 0 0
  • 清江细浪逐沙滩, 白鹭双飞入翠峦。 日落梢头渔叟唱, 悠然一曲见桅杆。 (平水韵)
    一叶知秋_52e6阅读 4,095评论 1 6
  • 成熟是什么? 成熟就是喜欢的东西依旧喜欢,但可以不拥有; 成熟就是害怕的东西依旧害怕,但可以面对; 成熟就是讨厌的...
    呜呼阅读 3,933评论 2 16

友情链接更多精彩内容