几种实用的JavaScript鼠标特效,在我们平时网页设计中,鼠标特效可以说是常常会用到,那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效,希望对大家有用。......
2023-03-17 533 JAVASCRIPT 鼠标
JavaScript是web前端必须要会的一门脚本语言,在浏览器上几乎无所不能,弱类型 面向对象,加之语法和Java类似,取名为JavaScript。
当小伙伴看到这里,有一点小编可以确定,目前而言,几乎所有的动态网页都内嵌有JavaScript代码,可见其广泛性和实用性。
今天小编为大家带来一篇JavaScript入门经验,一个HelloWorld的组成。
看完本经验,希望小伙伴能学到(了解)2个方面:
1、DOM文档对象
2、Window浏览器对象
开始之前,必须具备HTML的知识,哪怕是片面的认识(知道html head body标签)
我们的JavaScript是内嵌到html内运行的。
内嵌的方式有两种,第一种是直接内嵌到HTML文档中。
第二种则是JavaScript写成js代码文件,然后通过script标签的src属性加载js代码文件。
小编以第一种方式为例。内嵌javascript的方式如下:script标签
写法有很多种:
严格的写法:
script type="text/javascript" language="javascript">
!--
js代码
-->
/script>
其实这些都可以省略,包括type和language和!-- -->注释都可以省略,一样可以被浏览器运行的,原因就是因为默认就是javascript作为脚本语言。
OK,我们先让html打印"HelloWorld"到浏览器,通过Js来完成。
我们要用到的是Document文档对象(简称DOM),这个对象可以操作html文档的所有内容。
我们调用这个对象的write方法,可以写数据到我们的html文档。
document.write("HelloWorld");
快看,数据写出来了。
其实我们也可以直接写标签进去。
例如document.write("h1>HelloWorldh1>");
我们加入了H1标签。
如果我们想通过浏览器弹窗的形式来显示HelloWorld
这时候该怎么办呢?
我们可以用Window浏览器对象,window对象表示浏览器中打开页面的窗口对象。
我们也可以广义的把它理解为,window = 浏览器对象
我们要调用的是一个alert的方法。
相当简单,alert方法可以再浏览器在窗口内弹出一个消息框。
window.alert("Hello World");
来看看运行效果?
所有的浏览器都支持window对象,所以所有的浏览器都有alert方法,只是显示的会不同而已。
怎么样?学会没?点一波关注吧?(*^__^*)
怎么关注?
在经验的右上角小编头像旁边点击关注,如图。
怎么点赞?
请在经验左侧点赞,如图。
怎么投票?
在经验的下方点击投票,如图。
如果觉得小编写的还不错,可以动动鼠标把它分享给您的朋友。
如何分享,鼠标移动到右下角第一个按钮上,在弹出的选项中进行分享,如图。
不尽感激。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: JAVASCRIPT
相关文章
几种实用的JavaScript鼠标特效,在我们平时网页设计中,鼠标特效可以说是常常会用到,那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效,希望对大家有用。......
2023-03-17 533 JAVASCRIPT 鼠标
如何开始学习javascript,html是网页的内容,c是网页的格式,h是网站的后台,j是网站的前端,那么如何学习j,才能高效?......
2023-03-17 258 JAVASCRIPT