<javascript>Lesson1.初识javascript 骑猪看日落 2022-06-14 02:13 130阅读 0赞 ## html、css和js的相互结合 ## Web开发者通常会使用三种语言来创建web页面:HTML、css、javascript。 HTML:内容层;定义了页面的结构和语义 CSS:展现层,也叫样式层;用来强化html页面的样式(注意这里的样式不等同于行为),如颜色,大小等静态显示的样式 js:行为层;我们可以通过js代码来增加页面的交互性,比如点击事件、弹框等 以上简介通俗的说就是,html页面就像是“一段文字”,css可以使他加粗“**一段文字**”,而javascript可以让它被点击之后出现弹框警告。如此而已。 上面这三个层级的划分,构成了一种流行的创建web页面的方法,叫做 “渐进式增强”。 ## 对象和方法 ## 下面一行代码展示了如何使用对象和方法。我们称之为“**调用对象的方法**” document.write(‘Good morning!’); document:对象。一个**对象**可以包含很多**方法**和**属性**。document对象表示整个web页面。它很特殊,可以直接通过document使用它。 “.”:成员操作符。可以简单的理解为汉语中的“的”。 write():document对象所包含属性之一。此方法可以*将新内容写入web页面中放置“script”标签的地方*. Good morning:参数。圆括号中的每一项数据都被称为方法的一个“参数”。 此段代码的意思为:在document对象里write一个“Good morning!”内容。 PS:document.write();这个代码段只能在 HTML 输出中使用,如果在文档加载后使用该方法,会覆盖整个文档。这里的“加载后”并不是在文本后使用script标签进行文档内容写入,如下: <!DOCTYPE html> <html> <body> <p>Hello!</p> <script> document.write("This is Jhon!"); </script> </body> </html> (有人会发现我这里document.write();方法中使用了双引号而上文使用的单引号。其实不影响。引号的具体使用方法点击) 而是通过按钮响应等方式在全部页面加载完毕之后进行文本写入,如下: <html> <body> <p>Hello!</p> <a onclick='javascript:myFunction()'>hello</a> <script> function myFunction(){ document.write('This is Jhon!'); } </script> </body> </html> 这个时候点击就会覆盖之前页面的内容而只显示“This is Jhon!” 文章参考:[http://blog.csdn.net/a472770699/article/details/49870975][http_blog.csdn.net_a472770699_article_details_49870975] 《javascript&JQuery交互式前端开发》 清华大学出版社 [http_blog.csdn.net_a472770699_article_details_49870975]: http://blog.csdn.net/a472770699/article/details/49870975
还没有评论,来说两句吧...