nykek5i 发表于 2024-6-29 13:00:26

html+css+javaScript基本运用!!!


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1. JS定义和特点</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">(1) 简述javaScript的特点</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">javaScript是 一种直译式脚本语言,是一种动态类型,弱类型,基于原型的语言,内置支持类型</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">(2) 简述javaScript的<span style="color: black;">功效</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">html+css知识<span style="color: black;">能够</span>有静态页面,<span style="color: black;">然则</span><span style="color: black;">无</span>动态的效果</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Js<span style="color: black;">能够</span>实现表单数据的校验</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">TAB菜单的切换</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">背景<span style="color: black;">照片</span>的切换</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Js小游戏的<span style="color: black;">研发</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">(3) 请列举javaScript的优点和缺点</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">优点:</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1. 脚本语言</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">脚本语言是一种简单的程序,<span style="color: black;">是由于</span><span style="color: black;">有些</span>ASCII字符构</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">成,<span style="color: black;">能够</span><span style="color: black;">运用</span>任何一种文本编辑器编写。<span style="color: black;">有些</span>程序</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">语言(如C、C++、Java等)都<span style="color: black;">必要</span>经过编译,将源</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">代码编译成二进制的可执行文件之后<span style="color: black;">才可</span>运行,而</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">脚本语言不<span style="color: black;">必须</span>事先编译,只要有一个与其相适应</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">的解释器就<span style="color: black;">能够</span>执行。 · </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">脚本语言<span style="color: black;">指的是</span>在web浏览器内有解释器解释执行的编程语言,每次运行程序的时候,解释器会把程序代码翻译成可执行的格式</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2. 基于对象的语言</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 面向对象有三大特点(封装,继承,多态)缺一不可</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">一般</span>”基于对象”是<span style="color: black;">运用</span>对象,<span style="color: black;">然则</span><span style="color: black;">没</span>法利用现有的对象模板产生新的对象类型,<span style="color: black;">亦</span><span style="color: black;">便是</span>说”基于对象”<span style="color: black;">无</span>继承的特点.<span style="color: black;">无</span>了继承的概率<span style="color: black;">亦</span>就<span style="color: black;">没</span>从谈论”多态</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3. 事件驱动</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在网页中执行了某种操作的动作,被<span style="color: black;">叫作</span>为”事件”(Event),<span style="color: black;">例如</span>按下鼠标,移动窗口,<span style="color: black;">选取</span>菜单等都<span style="color: black;">能够</span>视为事件.当事件<span style="color: black;">出现</span>后,可能会<span style="color: black;">导致</span>相应的事件响应</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4. 简单性</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">变量类型是采用弱类型,并未<span style="color: black;">运用</span>严格的数据类型.</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Var a,b,c a=123 b=”abc” a=b</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">5. 安全性</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">javaScript<span style="color: black;">不可</span><span style="color: black;">拜访</span>本地的硬盘,<span style="color: black;">不可</span>将数据存入到服务器上,<span style="color: black;">不可</span>对网络文档进行修改和删除,只能<span style="color: black;">经过</span>浏览器实现信息浏览或动态交互</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6. 跨平台性</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">JavaScript依赖于浏览器本身,与操作平台<span style="color: black;">没</span>关</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">只要计算机安装了支持JavaScript的浏览器(装有JavaScript解释器),JavaScript程序就<span style="color: black;">能够</span>正确执行</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">缺点:</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">各样</span>浏览器支持JavaScript的程度是不<span style="color: black;">同样</span>的,支持和不完全支持JavaScript的,浏览器在浏览同一个带有javaScript脚本的网页时,效果会有<span style="color: black;">必定</span>的差距,有时<span style="color: black;">乃至</span>会<span style="color: black;">表示</span>不出来</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2. JS的声明和引入</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">(1) javascript 的引入方式有几种,分别怎么写?</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1. 两种</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;!--js的<span style="color: black;">第1</span>种引入方式,--&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;script type="text/javascript"&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">//网页弹框</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">var a=1;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">var A=2;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">alert(A)</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;/script&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;!--js的第二种引入方式src:引入文件的路径 type:引入文件的类型 charset:字符编码--&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;!--<span style="color: black;">重视</span>:引入js时两种方式<span style="color: black;">不可</span><span style="color: black;">一块</span>用--&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2. &lt;script src="js/test.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">(2) javascript的引入方式<span style="color: black;">能够</span>综合书写吗?请说明原因</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">不<span style="color: black;">能够</span>,会<span style="color: black;">出现</span>错误</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">(3) javaScript 标签的type="text/javascript"属性和charset="UTF-8"属性的<span style="color: black;">功效</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">js的第二种引入方式src:引入文件的路径 type:引入文件的类型 charset:字符编码</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3. JS中的变量</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">(1) JS中的变量名区分<span style="color: black;">体积</span>写吗?</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">区分</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">(2) JS中书写表达式结束<span style="color: black;">能够</span>把分号省去吗?</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">能够</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">(3) JS中变量名的规范</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1. js中的变量的名<span style="color: black;">叫作</span>和java中标识符的命名保持一致就<span style="color: black;">能够</span>了</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2. Js中变量名<span style="color: black;">叫作</span>是<span style="color: black;">能够</span>重复的,<span style="color: black;">然则</span>后者的名<span style="color: black;">叫作</span>会把前者的名<span style="color: black;">叫作</span>值覆盖</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3. Js中末尾即使<span style="color: black;">无</span>分行结束<span style="color: black;">亦</span>是<span style="color: black;">能够</span>的,<span style="color: black;">然则</span>不<span style="color: black;">举荐</span><span style="color: black;">大众</span><span style="color: black;">这般</span>书写</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4. JS中数据类型</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">基本数据类型</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> Number(数字类型的数据)</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">String(字符串类型)</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Boolean(布尔数据类型)</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Object(对象类型)</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Js中特殊数据类型</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Undefined(未定义)</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">NaN(不是一个数字) not a number</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Null(空对象)</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">(1) 请问在JS中NAN这种数据类型是什么意思,是<span style="color: black;">怎样</span>产生的?</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Not</p>




星☆雨 发表于 2024-9-7 08:42:26

你字句如珍珠,我珍藏这份情。

游过一群鸭 发表于 2024-9-10 16:46:54

网站建设seio论坛http://www.fok120.com/

4lqedz 发表于 2024-10-11 10:17:09

“板凳”(第三个回帖的人)‌

nqkk58 发表于 2024-10-11 21:14:06

认真阅读了楼主的帖子,非常有益。
页: [1]
查看完整版本: html+css+javaScript基本运用!!!