网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索
别太放肆158吧 关注：2贴子：18
  • 3回复贴，共1页
1.在javascript中插入多行注释语句的是（C）
A <!--Thiscomment has more than onr line-->
B"Thiscomment has more than one line"
C/*This commenthas more than one line*/
D//This commenthas more than one line
2.插入JavaScript的正确位置是（B）
A body区
B html文档中的任意位置
C </html>下方
D head区
3.下列属于JavaScript中的注释语句符的是（D）
A /*
B <!-- -->
C '
D //
4.在JavaScript中定义数组错误的语句是（D）
A var txt=[];
B var txt=newArry("George","john","Thomas")
C var txt=newArry()
D vartxt={"George","john","Thomas"}
5.下列定义表格的代码正确的是（D）
A<table><tr>内容1</tr></table>
B<table><td><tr>内容1</td></tr></table>
C<table><td>内容1</td></table>
D<table><tr><td>内容1</td></tr></table>
6.关于数组正确的说法是（C）
A javascript中的数组长度不变
B javascript中数组各元素类型必须一致
C javascript中允许创建空数组
D javascript中数组各元素的下标从1开始
7.要计算2的4次方可以使用的语句是( B)
A Math.sqrt(2,4)
B Math.pow(2,4)
C Math.abs(2,4)
D Math.random(2,4)
8.当i不等于5时执行一些语句的条件语句正确的是（C）
A if i<>5then
B if i!=5 them
C if(i!=5)
D if(i<>5)
9.下列代码的输出结果是（C）
var i;
for(i=1;i<5;i++)
{
if(i%3==0)break;
document.write(i+"&nbsp;");
}
A 5
B 1 2 4
C 1 2
D 1 2 4 5
10.在<pid="text"></p>中写入“hellow word”的代码正确的是（D）
AgetElementById("text").text="hellow word";
Bdocument.getElementById("text").text="hellow word";
CgetElementById("text").innerHTML="hellow word";
Ddocument.getElementById("text").innerHTML="hellow word";
11.可以通过下列html标签中的（C）添加JavaScript代码
A <scriping>
B<javascript>
C <script>
D <js>
12.下列添加javascript的语句错误的是（A）
A js文件:console.log("hellow");
html文件：<script href="1.js"></script>
B <inputtype="button" value="test"onlick="test()">
<script>
function test(){
console.log("hello");}
</script>
C<script>console.log("hello");</script>
D js文件:console.log("hello");
html文件：<script src="1.js"></script>
13.span元素默认的显示方式为（D）
A block
B inline-block
C 不确定
D inline
14.div元素默认的显示方式为（A）
A block
B inline-block
C inline
D 不确定
15.要使多个div元素横向排列，不可以使用的方法是（C）
A display:inline:
B float:left
C display:block
Ddisplay:inline-block
16.css样式可以配合（C）标签实现网络布局
A <span>
B<p>
C<div>
D <dl>
17.在css中盒子在网页中所占实际区域是（C）
A 内容尺寸+内边距尺寸+边框尺寸
B 内容尺寸+内边距尺寸+边框尺寸+外边距尺寸+边框阴影尺寸
C 内容尺寸+内边距尺寸+边框尺寸+外边距尺寸
D 内容尺寸+内边距尺寸
18.在css中快级元素水平居中的方法是（C）
A margin:0px100px;
B margin:100px;
C margin:30pxauto;
D margin:50%;
19.设置一个图像边框的css样式为（D）
A image:1.jpg 30repeat;
B border：1.jpg 30 repeat;
C iamge:url(1.jpg） 30 repeat;
Dborder-image:url(1.jpg）30 repeat;
20.在css中width和height表示盒子（C）的尺寸
A 外边距以内区域
B 边框以内区域
C 内容区域
D 实际所占区域
21.在css中添加边框的语句正确的是（A）
A border:1px solidred;
B border:1px;
C border:red;
D border:1px red;
22.要设置网页中各元素的堆叠顺序，应使用的css属性是（D）
A float
B display
C position
D z-index
23.要对网页中的元素设置堆叠排序，应使用的定位方法是（D）
A float
B 都可以
C display
D position
24.margin用于设置网页的（A）
A 外边距
B 边距
C 内边距
D 边框
25.padding用于设置网页的（B）
A 外边距
B 内边距
C 边距
D 边框
26.下列（B）css属性可以为元素添加"下边框"
Aborder-bottom-width
B border-bottom
Cborder-down-width
D border-down
27.要在元素上使用动画，应使用的css属性是（A）
A animation
B transform
C transition
D @key
28.在插入图片的标签中，添加替代图片显示的文字说明的属性是（C）
A id
B name
C alt
D srt
29.设置元素边框与内容顶部距离为20像素，正确的语句是（A）
Apadding-top:20px:
B margin top:20px;
C margin-top:20px;
D paddingtop:20px:
30. <area shap="rect".......>语句中的rect表示地区区域的形状为（D）
A 园
B 椭圆
C 不规则形状
D 矩形
31.修改id名为“x”的元素背景颜色的语句正确的是（A）
Adocument.getElementByld("x").style.backgroundColor="yellow";
Bdocument.getElementByld("x").style.css.backgroundColor="yellow";
Cdocument.getElementByld("x").background-Color="yellow";
Ddocument.getElementByld("x").style="yellow";
32.语句box-shadow:-5px 5px 10px #666的作用是（B）
A 为盒子添加向右上方偏移的阴影，模糊距离为10px，颜色为#606060
B 为盒子添加向左下方偏移的阴影，模糊距离为10px，颜色为#666666
C 为盒子添加向左上方偏移的阴影，模糊距离为10px，颜色为#606060
D 为盒子添加向右下方偏移的阴影，宽度为10px，颜色为#606060
33.下列（D）表示上边框线宽10px，下边框线宽5px，左边框线宽20px，右边框线宽1px
Aborder-winth:10px 5px 20px 1px
Bborder-width:10px 20px 5px 1px
Cborder-width:10px 5px 20px 1px
Dborder-width:10px 1px 5px 20px
34.语句margin:30px 50px;表示（B）
A 设置上外边距为30px，右边外边距为50px，下左边距不设置
B 设置上下外边距为30px，左右边外边距为50px
C 设置上边距为30px，下边距为50px，左右不设置
D设置上左外边距为30px，下右外边距为50px
35.border-radius:5px的作用是（C）
A 设置边框宽度为5px
B 设置边框内切圆的直径为5px
C 设置边框四个角处内切圆的半径为5px
D 设置边框四个角处内切圆的直径为5px
36.阅读代码 选择正确答案（A）
<input type="text"......
<inputtype="radio".....
<inputtype="checkbox"......
<inputtype="file"......
A 分别表示：文本框，单选按钮，复选框，文件域
B 分别表示：复选框，文本框，单选按钮，文件域
C 分别表示：单选按钮，文本框，复选框，文件域
D 分别表示：文件域，文本框，单选按钮，复选框
37.引入外部脚本正确的代码是（A）
A <scriptsrc=""></script>
B <linkhref=""></script>
C <scripthref=""></script>
D <scriptname=""></script>
38. 在表单中对单选按钮进行分组依据的是（A）
A name属性相同
B value属性相同
C 放在同一表单中
D type属性相同
39.下面的代码定义了一个表格，这个表格有几行几列（C）
<table>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
</table>
A 三行三列
B 三行两列
C 两行三列
D 两行两列
40.若要将表格中第一行的第一个单元格和第二个单元格合并，下列写法正确的是（B）
A <trcospan="2">
B <tdcolspan="2">
C <trrowspan-="2">
D <tdrowspan="2">
41.若要提供一个四行20列的文本域，下列语句正确的是（C）
A <textarearows="4"cols="20">
B <textarearows="20"cols="4">
C <textarearows="4"cols="20"></textarea>
D <textarearows="20"cols="4"></textarea>
42.HTML语言中，设置表格中单元格与单元格之间距离的语句正确的是（D）
A <tablewidth="1">
B <tablecellpadding="1">
C <tableborder="1">
D <tablecellspacing="1">
43.HTML语言中，设置表格中内容与单元格边框之间距离的属性是（B）
A width
B cellpadding
C border
D cellspacing
44.在以下的HTML代码片段中：以下（A）是正确的判断
<tableborder=1>
<caption>文具</caption>
<th>铅笔</th>
<th>圆珠笔</th>
<th>水笔</th>
<th>.....
A 铅笔一定位于首行中的第一列
B 水笔与圆珠笔在不同的行
C 圆珠笔一定位于首列中的第一列
D 文具应位于首列首行
45.HTML代码<selectname="name"></name>表示（C）
A 创建表格
B 创建一个滚动菜单
C 创建一个列表框控件
D 设置每个表单项的内容
46.下列那一项表示的不是按钮（A）
Atype="file"
Btype="button"
Ctype="reset"
Dtype="submit"
47. 用于设置表格背景颜色的属性是（D）
A colour
B background
C backcolor
D bgcolor
48.下列属于网络上常用图片格式的是（C）
A bmp
B wmv
C jpg
D webm
49.一副800*800像素的24位bmp位图，其文件大小约为（D）
A 12.21MB
B 3.05MB
C 0.38MB
D 1.83MB
50.一副1000*800像素的16色bmp图，其文件大小约为（A）
A 0.38MB
B 12.21MB
C 3.05MB
D 1.53MB
51.一副1000*1000像素的256色bmp位图，其文件大小约为（B）
A 12.21mb
B 0.95mb
C 0.38mb
D 1.53mb
52.16位真彩色位图图像的像素深度是（A）
A 4
B 24
C 1677万
D 8
53.在网页中插入一个名为"movie.mp4"的视频，下列标签不正确的是（C）
A <object>
B <embed>
C <audio>
D <video>
54.在网页中插入一个名为"movie.mp4"的视频，下列语句正确的是（C）
A <objectsource="movide.mp4"><object>
B <objectsrc="movide.mp4"><object>
C <objectdata="movide.mp4"><object>
D <objecturl="movide.mp4"><object>
55.在网页中插入一个名为"movie.mp4"的视频，下列语句正确的是（B）
A <embedhref="movie.mp4"><embed>
B <embedsrc="movie.mp4"></embed>
C <embedurl="movie.mp4"><embed>
D <embedsource="movie.mp4"><embed>
56.在网页中插入一个名为"movie.mp4"的视频，下列语句正确的是（C）
A <videodata="movie.mp4></video>
B <videosource="movie.mp4></video>
C <videosrc="movie.mp4></video>
D <videourl="movie.mp4></video>
57.在网页中插入一个名为"sound.mp3"的音频，下列标签不正确的是（B）
A <audio>
B <video>
C <object>
D <embed>
58.可以查看组数长度的属性是（B）
A size
B length
C long
D width
59.修改<pid="x"></p>元素内容的语句正确的是（B）
A document.getElementById("x").contenet="hellow";
Bdocument.getElementById("x").innerHTML="hellow";
Cdocument.getElementById("x").inner="hellow";
Ddocument.getElementById("x").text="hellow":
60.下列不属于javascript的循环结构是（C）
A while(){
......
}
B do{
...
}while()
C do{
...
}loop()
D for()
{
...
}
61.使用消息框中输出"Hellow Word"的代码正确的是（B）
Aalert="hellow word";
Balert("hellow word");
CalterBox("hellow word");
Dalert="hellow word";
62.向浏览器中的控制台写入"hellow word"正确的代码是（B）
A console.write("helloword");
Bconsole.log("hello word");
Cconsole="hello word";
Dconsole("hello word");
63.输出"hellw word"的语句不正确的是（B）
Adocument.write("hellow word")
B "hellowword"
Calert("hellow word")
Dconsole.log("hellow word")
64.要实现元素顺时针旋转180度，正确的语句是（D）
A roate(180)
B Transfrom(180)
C rotate(180deg)
Dtransfrom:roate(180deg)
65.<th>标签的作用是（C）
A 定义一个表格
B 定义表格的行
C 定义一个单元格
D 定义表格的列
66.语句<img src="a.jpg">表示（B）
A 将C盘根目录中的图片a.jpg插入到网页中
B 将当前网页所在文件夹中的图片a.jpg插入到网页中
C 在电脑中搜索图片a.jpg插入到网页中
D 将当前目录下image文件夹中的图片a.jpg插入到网页中
67.常用的视频播放制式PAL制式的播放速率是（B）
A 20
B 25
C 24
D 30
68.在form标签中用于指定提交地址的属性是（A）
A actioin
B post
C get
D method
69.在<input>标签中不属于type属性的取值是（C）
A radio
B text
C select
D password
1楼2021-12-16 17:20回复
    二．判断题
    • 多媒体技术中的媒体通常是指光盘、U盘、显卡、声卡等设备（ × ）
    • bmp图像是网络中常用的图像格式（ × ）
    • 鼠标移入对应的事件属性是onmousemove（ × ）
    • JavaScript中数组的长度可以动态改变（ √ ）
    • padding：10px是将元素的外边距设置为10像素（ × ）
    • 在CSS中将元素的position属性设置为absolute后，元素在正常文档流中的位置不保留（√ ）
    • 语句<input type=”reset”>可以用来定义一个提交按钮（× ）
    • <input type=”text”>定义的文本框只能输入单行文本（ √ ）
    • 矢量图放大或不会出现失真（ √ ）
    • 位图图像由像素点组成，放大后会出现失真（ √ ）
    • 多媒体技术中的媒体通常是指传输或携带信息的物体（√ ）
    • BOM对象用于控制浏览器窗口（ × ）
    • JavaScript中语句var x=3；可以创建一个Math对象（ × ）
    • CSS中width属性设置的值是指盒子在页面中实际所占的宽度（ × ）
    • 使用CSS的left、top等属性定位时，这些属性可以设置为负值（ √ ）
    • 在CSS中可以通过overflow属性为元素设置内容溢出后是否添加滚动条（ √ ）
    • <marquee>标签不光可以使文字滚动也可以使图像滚动（ √ ）
    • 24位位图图像的像素深度是24（√ ）
    • 单色位图是指只有一种颜色的图像（× ）
    • JavaScript是解释性语言，不需要编译和链接的过程（√ ）
    • JavaScript是面向对象的程序设计语言（ √ ）
    • SetInterval( )函数的作用是延迟执行某些操作（ √ ）
    • 在CSS中行内元素不能设置宽度和高度（√）
    • 网页的组织形式是超媒体（ √ ）
    • JavaScript中变量是不区分大小写的（ ×）
    • 可以通过form表单的method属性制定表单提交的地址（× ）
    • 256色位图图像的像素深度是256（× ）
    • 矢量图是由像素点组成的（ × ）
    • form表单默认的提交方式为post（ × ）
    • getElementById( )函数可以获取到多个元素对象（ × ）
    • <select>标签可以定义一个下拉列表框（√ ）
    • 矢量图通常是由摄录设备获取的图像（× ）
    • 执行console.log( )输出的内容需要在浏览器窗口按下F12查看（ √ ）
    • 执行语句i=1，j=++I;后，i和j的值均为2（√ ）
    2楼2021-12-16 17:22
    回复
      三.程序题
      完善下列程序，使用无序列表实现水平方向放置的导航栏，要求：去除列表项前的图形符号，去除超链接文字的下划线，将鼠标移入导航项时，当前导航项的背景变为黑色，文字变为#ff9900色
      <!DOCTYPEhtml>
      <html>
      <head>
      <meta charset="utf-8">
      <title></title>
      </head>
      <style>
      li{
      float:left;
      list-style-type:none;
      }
      a{
      color:black;
      text-decoration:none;
      padding:10px 20px;
      }
      a：hover{
      background-color:black;
      color:#ff9900;
      }
      </style>
      <body>
      <ul>
      <li id="index"><ahref="#">首页</a></li>
      <li><a href="#">诗集</a></li>
      <li><a href="#">相册</a></li>
      </ul>
      </body>
      </html>
      2.完善下列程序，实现点击按钮利用格里高利公式计算π的值，格里高利公式：
      π/4=1-1/3+1/5-1/7+……
      精度要求：最后一项的绝对值小于10-6
      <!DOCTYPEhtml>
      <html>
      <head>
      <meta charset="utf-8">
      <title></title>
      </head>
      <body>
      <input type="button" value="输出&pi;" onclick="pi（）">
      <script>
      function pi()
      {
      var s=1,i=1,f=1;
      do{
      f=-f;
      i=i+2;
      s=s+f/i;
      }while(1/i>=0.0000001)
      document.write(4*s);
      }
      </script>
      </body>
      3. (程序设计题) 编写CSS样式，为class名为"mystyle"的所有标签设置样式，要求：
      背景图像：1.jpg
      边框：3px黄色实线
      圆角半径：5px
      宽度：300px
      <!DOCTYPE html>
      <html>
      <head>
      <metacharset="utf-8">
      <title></title>
      <styletype="text/css">
      .mystyle{
      background:url(1.jpg);
      border:3pxyellow solid;
      border-radius:5px;
      width:300px;
      }
      </style>
      </head>
      <body>
      <divclass="mystyle">
      </div>
      </body>
      </html>
      4.程序设计题) 完善下列代码，实现在网页中输出1到100的累加和
      <html>
      <head>
      </head>
      <body>
      /********begin************/
      <script>
      vars=0,i;
      for(i=1;i<=100;i++)
      s=s+i;
      document.write("<h1>1+2+3+...+100="+s+"</h1>");
      </script>
      /*******end*************/
      </body>
      </html>
      5. (程序设计题) 完善下列代码，实现在网页中输出100以内所有偶数的和
      <html>
      <head>
      </head>
      <body>
      /********begin************/
      <script>
      vars=0,i;
      for(i=1;i<=100;i++){
      if(i%2==0)
      s=s+i;
      else
      continue; }
      document.write("<h1>2+4...+100="+s+"</h1>");
      </script>
      /*******end*************/
      </body>
      </html>
      6. (程序设计题) 完善下列程序中<script>标签中的代码，实现文字变大变小，鼠标移入字体变为7号，鼠标移出还原到3号。
      <html>
      <head>
      </head>
      <body>
      <fontsize="3" onmouseover="big()"onmouseout="small()" id="text">Web前端开发</font>
      <script>
      /********begin************/
      varcc=document.getElementById("text");
      function big() {
      cc.size ="7";
      }
      function small() {
      cc.size ="3";
      }
      /*******end*************/
      </script>
      </body>
      </html>
      7.程序设计题) 编写CSS样式，为class名为"mystyle"的所有标签设置样式，要求：
      浮动：左浮
      字号：14px
      宽度：200px
      右侧边框：2px绿色实线
      <!DOCTYPE html>
      <html>
      <head>
      <metacharset="utf-8">
      <title></title>
      <styletype="text/css">
      .mystyle{
      font-size:14px;
      border-right:2pxgreen solid;
      width:200px;
      }
      </style>
      </head>
      <body>
      <divclass="mystyle"style="float: left;";>
      </div>
      </body>
      </html>
      8.
      (程序设计题)完善下列代码，实现在网页中输出100以内所有能被3整除的数的和
      <html>
      <head>
      </head>
      <body>
      /********begin************/
      <script>
      vars=0,i;
      for(i=1;i<=100;i++){
      if(i%3==0)
      s=s+i;
      else
      continue; }
      document.write("<h1>3+6...+99="+s+"</h1>");
      </script>
      /*******end*************/
      </body>
      </html>
      10. 通过随机数函数产生一个0到100之间的随机整数，用户通过输入框输入值对产生的数进行猜测，若输入exit则结束程序，否则根据输入的数和随机数的关系，分别输出"你猜的数小了，请重新输入"，"你猜的数大了，请重新输入"，"恭喜你猜对了"，若猜测错误则重新弹出输入框重复上述过程，直至猜中为止。
      <!DOCTYPEhtml>
      <html>
      <head>
      <meta charset="utf-8">
      <title></title>
      </head>
      <body>
      <inputtype="button" value="猜数字" onclick=" game()">
      <script>
      function game()
      {
      var x=parseInt(Math.random()*100);
      var y;
      do{
      y=prompt ("请输入一个数字，输入exit退出");
      if(y=="exit")
      {
      alert("程序退出");
      break;
      }
      else if(y<x)
      alert("你输入小了，请重新输入");
      else if(y>x)
      alert("你输入大了，请重新输入");
      else if(y==x)
      alert("恭喜你，猜对了！");
      }while(y!=x)
      }
      </script>
      </body>
      </html>
      11.
      (程序设计题) 完善下列程序中<script>标签中的代码，实现鼠标移入文字块添加灰色背景，鼠标移出后还原为白色背景。
      <!DOCTYPEhtml>
      <html>
      <head>
      <meta charset="utf-8">
      <title></title>
      <style>
      #box{
      height:100px;
      width:300px;
      text-align: center;
      border:1px solid gray;
      }
      </style>
      </head>
      <body>
      <div id="box"onmouseover="change1()" onmouseout="change2()">
      <h1>Web前端开发</h1>
      </div>
      <script>
      /********begin************/
      varc=document.getElementById("box");
      function change1(){
      c.style.backgroundColor="gray";
      }
      function change2(){
      c.style.backgroundColor="white";
      }
      /*******end*************/
      </script>
      </body>
      </html>
      12. (程序设计题) 完善下列代码，实现在网页中输出100以内所有奇数的和
      <html>
      <head>
      </head>
      <body>
      /********begin************/
      <script>
      vars=0,i;
      for(i=1;i<=100;i++){
      if(i%2!=0)
      s=s+i;
      else
      continue;}
      document.write("<h1>1+3...+99="+s+"</h1>");
      </script>
      /*******end*************/
      </body>
      </html>
      13. (程序设计题) 编写CSS样式，为id名为"mylist"的无序列表设置样式，要求：
      边框：1px红色实线
      列表符号：应用图片li.jpg
      左侧内边距：10px
      文字颜色：蓝色
      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="utf-8">
      <title></title>
      <style type="text/css">
      .mylist{
      border: 1px red solid;
      list-style-type: li.jpg;
      padding-left: 10px;
      color: blue;
      }
      </style>
      </head>
      <body>
      <div>
      </div>
      </body>
      </html>
      14. (程序设计题)完善下列代码，实现在网页中输出9的阶乘
      <html>
      <head>
      </head>
      <body>
      /********begin************/
      <scripttype="text/javascript">
      function jiecheng(){
      var i=1;
      var j=1;
      for(i=2;i<=9;i++){
      j=j*i;
      }
      document.getElementById("op").value=j;
      }
      </script>
      9的阶乘
      <input type="button"value="=" onclick="jiecheng()" />
      <input type="text"id="op" placeholder="结果"/>
      /*******end*************/
      </body>
      </html>
      15. (程序设计题) 完善下列代码，通过输入框或文本框输入一个数，判断该数是奇数还是偶数，并将判断结果输出，结果显示为"x是奇数"或"x是偶数"，其中x是输入的具体的数。
      <html>
      <head>
      </head>
      <body>
      /********begin************/
      <scripttype="text/javascript">
      function panduan(){
      vart=document.getElementById("shuru").value
      if(t%2==0){
      document.getElementById("pp").value=t+"是偶数"
      }
      else
      document.getElementById("pp").value=t+"是奇数"
      }
      </script>
      <input type="text"id="shuru" value="" />
      <input type="button"value="判断"onclick="panduan()" />
      <input type="text"id="pp" placeholder="结果" />
      /*******end*************/
      </body>
      </html>
      3楼2021-12-16 17:24
      回复

        16. (程序设计题) 完善下列程序中<script>标签中的代码，实现点击查看按钮，在代码中的span标签里显示"html+css+javascript"，点击隐藏按钮，span标签中的内容不显示。
        <html>
        <head>
        </head>
        <body>
        <p>web前端技术包括：
        <spanid="text"></span><br>
        <inputtype="button" value="查看"onclick="view()">
        <inputtype="button" value="隐藏"onclick="hidetext()"></p>
        <script>
        /********begin************/
        functionview(){
        document.getElementById("text").innerHTML="html+css+javascript";
        }
        function hidetext(){
        document.getElementById("text").innerHTML="";
        }
        /*******end*************/
        </script>
        </body>
        17. (程序设计题) 编写CSS样式，页面中的所有元素设置样式，要求：
        内边框：0px
        外边距：0px
        字体：宋体
        字号：13px
        <!DOCTYPE html>
        <html>
        <head>
        <metacharset="utf-8">
        <title></title>
        <styletype="text/css">
        *{
        padding:0px;
        margin:0px;
        font-family:"宋体";
        font-size:13px;
        }
        </style>
        </head>
        <body>
        <divid="">
        </div>
        </body>
        </html>
        18. (程序设计题)完善下列代码，通过输入框或文本框输入商品单价、数量以及付款金额，实现计算商品总价，并输出找零，若付款金额不足，则输出"您的金额不足，不能购买"。
        <html>
        <head>
        </head>
        <body>
        /********begin************/
        <scripttype="text/javascript">
        function jisuan(){
        vard=document.getElementById("danjia").value;
        vars=document.getElementById("shuliang").value;
        varf=document.getElementById("fukuan").value;
        var k;
        k=(f-(d*s));
        if(k<0)
        document.getElementById("cu").value="您的金额不足，不能购买";
        else if(k>=0){
        document.getElementById("cu").value="找零"+k;
        }
        }
        </script>
        <input type="text"id="danjia" value="" placeholder="单价" />
        <input type="text"id="shuliang" value="" placeholder="数量" />
        <input type="text"id="fukuan" value="" placeholder="付款金额" />
        <input type="button"value="计算"onclick="jisuan()" />
        <input type="text"id="cu" placeholder="结果" />
        /*******end*************/
        </body>
        </html>
        19. (程序设计题) 完善下列程序中<script>标签中的代码，实现鼠标移入文字块添加灰色背景，鼠标移出后还原为白色背景。
        <!DOCTYPEhtml>
        <html>
        <head>
        <meta charset="utf-8">
        <title></title>
        <style>
        #box{
        height:100px;
        width:300px;
        text-align: center;
        border:1px solid gray;
        }
        </style>
        </head>
        <body>
        <p onmouseover="change1()" onmouseout="change2()" id="box">文字块 </p> <script type="text/javascript"> function change1(){ document.getElementById("box").style.backgroundColor="gray"; } function change2(){ document.getElementById("box").style.backgroundColor="white"; } </script> </body> </html>
        20.完善下列程序，实现为网页设置与浏览器窗口等大的背景图片1.jpg，且背景图片固定，不随滚动条移动而移动
        <!DOCTYPEhtml>
        <html>
        <head>
        <meta charset="utf-8">
        <title></title>
        <style>
        body{
        background-image:url(“1.jpg”);
        background-size:100%100%;
        background-attachment:fixed;
        }
        html{
        height:100%;
        width:100%;
        }
        </style>
        </head>
        <body>
        </body>
        </html>
        21. 完成下列程序，实现在网页上显示当前日期和时间
        <!DOCTYPEhtml>
        <html>
        <head>
        <meta charset="utf-8">
        <title></title>
        </head>
        <body>
        <pid="mytime"></p>
        <script>
        functionnowtime(){
        var x=new Date;
        var y=x.getFullYear();
        var m=x.getMonth();
        var d=x.getDate();
        var h=x.getHours();
        var n=x.getMinutes();
        var s=x.getSeconds();
        var pobject=document.getElementById ("mytime");
        pobject.innerHTML=y+"年"+m+"月"+d+"日"+"&nbsp;"+h+":"+n+":"+s;
        }
        setInterval (nowtime,1000);
        </script>
        </body>
        </html>
        22. (程序设计题) 编写CSS样式，为id名为"mytext"的div标签设置样式，要求：
        宽度：300px,高度：300px
        水平方向居中显示，上外边距50px
        背景颜色：灰色
        <!DOCTYPE html>
        <html>
        <head>
        <metacharset="utf-8">
        <title></title>
        <styletype="text/css">
        #mytext{
        width:300px;
        height:300px;
        text-align:center;
        margin:50px auto;
        background-color:gray;
        }
        </style>
        </head>
        <body>
        <divid="mytext">
        </div>
        </body>
        </html>
        23. (程序设计题) 完善下列程序中<script>标签中的代码，实现鼠标移入图像为图像添加5像素的红色实线边框,鼠标移出后去除边框。
        <html>
        <head>
        </head>
        <body>
        <imgsrc="1.jpg" onmouseover="change1()"onmouseout="change2()" id="image">
        <script>
        /********begin************/
        functionchange1(){
        document.getElementById("image").style.border="5pxred solid";
        }
        function change2(){
        document.getElementById("image").style.border="";
        }
        /*******end*************/
        </script>
        </body>
        </html>
        24.
        (程序设计题) 完善下列程序中<script>标签中的代码，实现图片翻转，鼠标移入显示图像2.jpg，鼠标移出还原到1.jpg。
        <html>
        <head>
        </head>
        <body>
        <imgsrc="1.jpg" onmouseover="change1()" onmouseout="change2()"id="image">
        <script>
        /********begin************/
        functionchange1(){
        document.getElementById("image").src="2.jpg";
        }
        function change2(){
        document.getElementById("image").src="1.jpg";
        }
        /*******end*************/
        </script>
        </body>
        </html>
        25.
        (程序设计题)完善下列代码，通过输入框或或文本框输入身高和体重，实现计算克莱托指数（克莱托指数=体重/身高2），并输出相应结果：克莱托指数小于20，输出"您的体型偏瘦"，在20和25之间输出"您的体型标准"，大于25输出"您的体型偏胖"。
        <html>
        <head>
        </head>
        <body>
        /********begin************/
        <scripttype="text/javascript">
        function kelaituo(){
        varheight=document.getElementById("inp1").value;
        varweight=document.getElementById("inp2").value;
        var k=(weight/(height*height));
        if(k<20){
        document.getElementById("outp1").value="您的体型偏瘦";
        }
        else if(k>=20&&k<=25){
        document.getElementById("outp1").value="您的体型标准";
        }
        else if(k>25){
        document.getElementById("outp1").value="您的体型偏胖";
        }
        }
        </script>
        <input type="text"id="inp1" value="身高" />
        <input type="text"id="inp2" value="体重" />
        <input type="button"value="判断"onclick="kelaituo()" />
        <input type="text"id="outp1" />
        /*******end*************/
        </body>
        </html>
        4楼2021-12-16 17:33
        回复

          扫二维码下载贴吧客户端

          下载贴吧APP
          看高清直播、视频！
          • 3回复贴，共1页
          发表回复
          发贴请遵守贴吧协议及“七条底线”贴吧投诉
          内  容:
            查看全部
          发 表
          保存至快速回贴

          发布成功
          去贴吧APP订阅抽奖结果通知
          扫码进入贴吧APP
          ···········
          开奖后第一时间站内信通知
          ···········
          中奖结果全员公示