DHTML【9】--Javascript

      大家好,好长时间不见了,因为博主最近在驾校学习开车,所以耽误了DHTML的更新日程,对此实感愧疚。


      好了,不再得瑟了,接下来该介绍DHTML中比较核心的一个东东—Javascript。

初看Javascript有点头晕,因为名字中有个Java,Java似乎很难啊,学好那东东没有个几年是学不好的的啊,如果你有这样的心理那你就错了,Javascript是一种动态网页脚本语言,他和Java的关系就如同加州牛肉面和马华牛肉面之间的关系,虽然名字里都有牛肉面,都是做面起家的,但是两种面里的汤的味是不一样的,当然也不能小看Javascript,Javascript是目前最火的动态脚本语言,网页设计中最耀眼的Jquery其实就是对Javascript的封装,网页设计最火的Ajax技术都是通过Javascript和其他技术的综合实现的, Javascript甚至可以开发Unity3D游戏,因此作为程序员Javascript是一定要全面掌握的,要求级别要比CSS高很多很多。


       说了这么多,那就看看到底是在哪里用的呢?


       还记得我在前面介绍HTML时提过<script>标签吗,Javascript的代码就是放在这里的,另外Javascript代码也可以封装在一个js文件里,在通过引用的形式引用进来,在使用Jquery的时候就是这样引用的,这种引用的使用方式是使用的频率最多的。


        Javascrip是一门独立的程序设计语言,但是他是一个弱类型语言,如果你有C#或者Java基础,学习这门语言应该不成问题,程序员在学习Javascript前最好先掌握C、C++、C#或者Java语言中的一种语言,只是建议,为什么这么建议呢,因为他们很多的语法很相似。


       下面说一下在HTML页面里怎么使用Javascript代码。


        方式一:

        在head标签内写script标签,在script标签内写Javascript代码,格式如下:

       <head><script type=”text/javascript”>

          var hello=”hello”;

      </script></head>


        “var“是Javascript中的数据类型,之所以说Javascript是一种弱类型语言就是在这里,Javascript里所有的数据类型包括整型、字符串型等都是统一用var代替,并且数据类型可以灵活赋值,如下代码:

          var num=false;

          num=”我错了吗?”;


         在Java等语言里是绝对不允许此种现象的发生,但是在Javascript里是完全可以的,num的值就是被赋值的字符串,说道这是不是感觉Javascript真是碉堡了,呵呵,确实是碉堡了。


         方式二:


         通过<script>标签引入js文件到HTML页面的head标签内,js文件直接写Javascript代码,不能加<script>标签,格式如下:

          <script src=”hello.js” type=”text/javascript”>

          </script>


        这里的src属性的值是js文件的路径和文件名,在js文件中写的代码被引用到HTML页面后,我们在操作的时候,和在script标签内操作的一样,例如在js文件中我定义一个var,当我引入该js文件后,我想操作该var,就直接为var赋值或者操作即可,但是所做的操作代码都必须写在<script>标签内,且类型是text/javascript。


       好了,萝莉啰嗦了很多,这一节就到这里吧,下一节将介绍Javascript中的函数,函数应该是Javascript的核心的核心,这么强调其实一点都不过分,呵呵,敬请期待吧。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
### 回答1: DHTML(动态HTML)是一种使用HTML、CSS和JavaScript相结合的技术,它可以在网页中添加更多的交互性和动态效果。DHTML可以通过改变HTML元素的样式、位置和内容来动态地改变网页的外观和行为。CSS(层叠样式表)用于控制HTML元素的外观和布局,而DHTML则可以通过使用CSS来实现更多的动态效果。 在DHTML中,CSS被用来控制元素的外观,比如字体、颜色、背景、边框等等。通过定义样式规则,我们可以将样式应用到HTML元素上。而在DHTML中,我们可以通过JavaScript来控制CSS样式的改变,从而实现动态的效果。比如,我们可以使用JavaScript来改变元素的背景颜色、大小、位置等。通过这种方式,我们可以实现一些网页动画、效果的交互性、滑动、淡入淡出等等。 DHTML和CSS的结合使用使得网页可以更加丰富和动态,增加用户的交互体验。通过使用DHTML和CSS,我们可以创建出更生动、有趣、具有吸引力的网页。此外,DHTML和CSS也能提高网页的可维护性和扩展性,因为样式被统一管理并与HTML分离,可以更方便地对网页进行修改和维护。 总而言之,DHTML(动态HTML)和CSS是互相结合使用的技术,用来实现网页的动态效果和样式控制。通过JavaScript和CSS,我们可以创建出更具吸引力和交互性的网页,提高用户体验,并能更方便地对网页进行修改和维护。 ### 回答2: DHTML是指动态HTML(Dynamic HTML),它是一种结合了HTML、CSS、DOM和JavaScript等技术的前端开发技术。在DHTML中,我们可以通过使用JavaScript来动态地改变HTML文档的内容、样式和行为,从而实现更加丰富和交互性的用户界面。 而Cascading Style Sheets(层叠样式表,简称CSS)是一种用于描述HTML文档外观和布局的样式表语言。通过使用CSS,我们可以将网页的样式独立出来,使得网页的结构和内容与其外观和布局相互分离。CSS定义了一系列样式规则,包括选择器、属性和值等,用来控制各个HTML元素的样式。 DHTML与CSS结合可以实现更加灵活和动态的网页效果。通过DHTML的动态特性,我们可以使用JavaScript来控制CSS样式的改变,实现交互性更强的用户界面。例如,我们可以通过JavaScript动态地改变元素的样式,包括颜色、大小、位置以及动画效果等,从而实现网页的实时更新和动态效果。 此外,DHTML与CSS的结合还可以提高网页的加载速度和性能。通过将样式与结构分离,我们可以将CSS样式表单独缓存,减少了页面的传输量,提高了加载速度。同时,通过动态加载和改变样式,可以减少不必要的回流和重绘,提高页面的渲染性能和用户体验。 总之,DHTML与CSS结合在前端开发中发挥了重要作用,使得网页样式更加灵活和动态,提高了用户界面的交互性和用户体验。同时,它还可以优化网页的加载速度和性能,使得网页的开发更加高效和便捷。 ### 回答3: DHTML(动态超文本标记语言)和CSS(层叠样式表)是两种用于网页设计和开发的技术。 DHTML是一种结合了HTML、CSS和JavaScript的技术,用于实现动态和交互式的网页。它允许开发者在网页上实现各种效果,如菜单、滑动、弹出窗口等。通过使用JavaScript,开发者可以根据用户的操作和事件来动态改变网页的内容和样式。 CSS是用于描述网页元素样式的语言。它通过为HTML元素添加样式规则来改变其外观和布局。开发者可以使用CSS来设置元素的颜色、字体、大小、边框、背景等属性,从而使网页具有更美观和一致的外观。CSS的特点是可以将样式信息从HTML文档中分离出来,使得样式的修改和维护更加方便和灵活。 DHTML和CSS是相互配合使用的技术。通过DHTML,开发者可以利用JavaScript来动态改变网页元素的样式,从而实现更复杂的效果和交互。而CSS提供了一种统一的方式来管理和定义元素的样式,使得开发者可以更加高效和灵活地控制网页的外观。 总结起来,DHTML和CSS是两种重要的网页设计和开发技术。DHTML通过JavaScript实现动态和交互式的效果,而CSS用于定义和管理网页元素的样式。它们的结合使用可以使网页具有更丰富的功能和更美观的外观。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

苍穹0113

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值