"HTML/CSS Javascript"学习心得

HTML/CSS

经过这几周的学习,学习了HTML/CSS和javascript并慢慢学会了应用。其中 HTML 是一种描述网页的标签语言,在 HTML 中

  • <html> 与 </html>之间的文本描述网页
  • <body> 与 </body>之间的文本是可见的页面内容
  • <h1> 与 </h1>之间的文本被显示为标题
  • <p> 与 </p>之间的文本被显示为段落
  • 而 CSS 则可以说是对 HTML 表达的一种样式,一种层叠样式表,它可以极大地提高工作效率,也方便了我们对 HTML 的运用。

学习javascript过程中的心得体会

练习过程中遇到的问题,知识点总结

一、函数调用

1、由于很多时候JS是写在head前面的,调用一些body里的元素ID,而此时body尚未载入,就会报错,找不到该元素,所以写成window.onload=function() {//调用一些元素..}写在head的前面,这样再调用就不会出错了

2、不知道为什么按照下图方式无法调用函数,所以写成setTimeOut(“function()”,毫秒数);setTimeOut只执行一次,里面的函数一定要加引号!
二、浏览器对象

1、a标签要写成<a href="javascript:;" onClick="function();"></a>或<a href="javascript:function();"></a>

a标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。
这里的href=”javascript:;”,其中javascript:是伪协议,它可以让我们通过一个链接来调用javascript函数。而采用这个方式 javascript:;可以实现A标签的点击事件运行时,如果页面内容很多,有滚动条时,页面不会乱跳,用户体验更好。
2、实际中常用注册后自动跳转页面

<!--先编写好网页布局-->
<h1>操作成功</h1>
<span id="second" >5</span>
<span >秒后回到主页</span>
<a href="javascript:back();">返回</a>

三、DOM对象,控制HTML元素

猜你喜欢

转载自blog.csdn.net/weixin_42707543/article/details/81436965
今日推荐