百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

初识JavaScript与CSS

myzbx 2025-01-15 15:57 34 浏览

一、JavaScript与CSS简介

JavaScript是一种基于对象的脚本语言,使用它可以开发Internet客户端的应用程序。JavaScript 在HTML 页面中以语句的方式出现,并且执行相应的操作。

JavaScript 是一种目前常用的 Web 技术,用于扩展基本的 HTML的功能,代替复杂的CGI 程序来处理 Web 页表单信息,为 Web 页增加动态效果。

JavaScript是一种基于客户端浏览器的语言,有了JavaScript便可以使网页变得生动。使用它的目的是与HTML和其他脚本语言一起实现在一个网页中链接多个对象,与网络客户交互作用,从而开发客户端的应用程序。它是通过被嵌入或调入标准的 HTML 中来实现的。

CSS( cascading style sheet,层叠样式表)是由W3C(万维网联盟)的CSS工作组创建和维护的。它是一种不需要编译,可直接由浏览器执行的标记性语言,用于控制 Web 页面的外观,通过使用CSS 样式控制页面各元素的属性显示,可将页面的内容与表现形式进行分离。

二、JavaScript与CSS

JavaScript与CSS都是可以直接在客户端浏览器解析并执行的脚本语言,通常意义上认为CSS是静态的样式设定,而JavaScript则是动态地实现各种功能。在web标准内容、表现与行为中,css决定web表现形式,JavaScript实现行为功能。

例如,鼠标指针经过时变色的表格。其中,CSS分别设置鼠标指针没有经过时的样式和鼠标指针经过时的样式,JavaSeript则动态地判断鼠标指针的位置,从而调用不同的CSS样式。通过JavaSeript与CSS 很好的配合,可以制作出更多精巧面实用的效果。

三、牛刀小试

利用 Dreamweaver 创建JavaScript程序的步骤如下。

步骤1打开Dreamweaver,新建一个网页文件。

步骤2在代码视图中输入如下代码。

<html>

<head><title>第一个JavaScript程序</title></head>

<body>

<script language="JavaScript">

document.write(" 第一个 JavaScript程序 ");

</script>

</body>

</html>

四、小贴士

很多人可能认为JavaScript是Java 的子集,或者认为 JavaScript就是 Java语言,就 VBScript与VB的关系一样。际上JavaScript与Java在语言上没有任何直接的关系,JavaScript是Netscape公司为了扩充Netscape Navigator浏览器的功能而开发的一种可以嵌人Web主页中的编程语言,当时称作LiveScript。自从Sun公司推出Java语言之后,Netscape公司引进了Sun公司有关Java的程序概念,将自己原有的LiveScript重新进行设计,并改名为JavaScript。

相关推荐

网易《逆水寒》手游【逆水侠棋】首次正式更新,近 50 项调整优化

IT之家7月23日消息,网易《逆水寒》手游于6月27日迎来二周年资料片,推出了特色自走棋玩法【逆水侠棋】。游戏官方今日宣布,【逆水侠棋】玩法上线以来已经进行了4000多万场的对局,...

消息称英特尔Arrow Lake-S Refresh处理器下半年发布,升级NPU

IT之家7月7日消息,韩媒ZDNETKorea当地时间4日报道称,英特尔酷睿Ultra200S"ArrowLake-S"处理器的Refresh刷新版本将...

用户中心——比如:腾讯的QQ账号可以登录到很多应用当中 02

用户中心——比如:腾讯的QQ账号可以登录到很多应用当中02@[toc]前端登录注册blankTarget表示是一个用户点击时跳转时,是打开一个新的页面还是,在本地页面覆盖。constants公共...

英特尔发布6862图形驱动,相比Q1版本性能最高提升37%

IT之家7月11日消息,英特尔公司于7月8日,面向锐炫(Arc)B、A系列显卡、集成Arc核显的酷睿Ultra系列处理器,发布了32.0.101.6862(Q2.25)图...

Cryin:BLG打不过AL,与T1无缘了!JDG首发xiaoxu,WBG世界赛有望

【关注残影游戏,看LOL最新资讯,来看下这一期的撸圈日报吧!】TOP1Cryin:BLG打不过AL,与T1无缘了!在MSI的比赛中,AL与BLG双双输给了LCK,只不过AL终究是和GEN打满了五局,但...

安装SOLIDWORKS出现错误:“已安装较新版本”如何解决?

-SOLIDWORKS常见问题及技巧分享52-PART1:客户问题客户使用了SOLIDWORKS2024SP5版本作业,由于公司接到一个订单要求使用SOLIDWORKS2018...

《托尼·霍克职业滑板3+4》Xbox平台版本现已开启预载

《托尼·霍克职业滑板3+4》现已在Xbox平台开启预载,玩家可提前为7月11日的正式发售做准备。此外,官方还公布了XboxSeriesX|S版本的一些新细节。在《托尼·霍克职业滑板1+2》发售近...

SRAM套件会让整车更轻吗?车手战车:罗格利奇的S-Works Tarmac SL8

普里莫茨·罗格利奇(PrimozRoglic)以红牛-博拉-汉斯格雅车队主将的身份开启了2025年环法之旅。随着高山赛段的争夺,环法进入白热化阶段,罗格利奇的总成绩也在不断上升中。弗洛里...

MST 全新一代 RMX 4 S PRO 正式登场

MST(MaxSpeedTechnology,得隆科技)正式宣布,下一代RMX漂移底盘即将登场,命名为RMX4。全新RMX4延续当前主流的后驱(RWD)漂移布局,在经典架构的基础上大...

S960Q钢板综合解析S960Q钢板化学成分

S960Q钢板综合解析(欧标EN10025-6)一、化学成分S960Q采用低碳+微合金化设计,化学成分严格控制杂质元素,核心配比如下:元素含量范围关键作用碳(C)≤0.20%保障焊接性及韧性锰...

英伟达优化DLSS 4:Transformer模型显存占用减少20%

IT之家6月29日消息,除了推出DLSS4正式版,英伟达还在其最新的DLSSSDK版本中对显存(VRAM)使用进行了优化。VideoCardz发现,DLSS310.3.0将...

消息称三星工艺高通SM8850s“套片报价更低,可能明年才会上”

IT之家7月2日消息,消息源@数码闲聊站今日表示,其最近又“摸到”了采用三星晶圆代工SF2工艺、代号为SM8850s的高通SM8850旗舰移动芯片变体。这位博主表示:“听说(...

防止开源供应链“下毒”,谷歌推出OSS Rebuild项目

IT之家7月22日消息,为提升开源项目的安全性,谷歌今日推出了OSSRebuild,开发者可利用该工具通过重现构建过程来验证开源软件包的完整性,从而避免开源供应链“下毒”情况。谷歌介绍称,...

向经典致敬!2025本田GB350/S披上70年代蓝白新色登场

Honda发表了新复古车款GB350及其衍生版本GB350S的2025年款。这是自2023年以来,时隔两年的改款,除了变更了头尾灯及仪表的规格外,还首次采用了双色调配色。车辆规格与配备方面则没有变更。...

铠侠推出目前最大容量固态硬盘:企业级LC9新增245.76TB版本

IT之家7月22日消息,铠侠日本当地时间今日宣布为主打大容量存储的LC9系列企业级固态硬盘新增245.76TB版本。这一新型号在成为目前最大容量SSD的同时也是首款来到256TB...