内部样式与外部样式,JS传参数

1  段落中的文本”p text“的最终显示效果是(A)。 A.蓝色文本,字体大小为 15pt,背景色为灰色 
   <style type="text/css">
               p{color:Red;font-size:15pt;}
   </style>
    同时,有 html 代码如下所示:
              <p style="background-color:gray;color:Blue;">p text</p>
                
2   引用外部样式表 style1.css 的语句:
    <link  href="style1.css" type="text/css"   rel="stylesheet" />
    或  <style type="text/css">@import  url(style1.css);</style>
    需要在 html 页面上引用脚本文件myJs.js,语句:
    <script language="javascript"  src="myJs.js"  type="text/javascript"></script>   

3   鼠标移入”帮助“链接上,文本”帮助“的字体大小变为 20pt,其他链接不变。下列样式正确的是(D)。
    A.a:hover {font-size:20pt;} 
    B.div.header a:hover {font-size:20pt;} 
    C.#header a {font-size:20pt;} 
    D.#header a:hover {font-size:20pt;}

    <div id="header">
          <a href="help.html">帮助</a>
      </div>
    <p>
          <a href="home.html">主页</a>
          <a href="user.html">个人中心</a>
    </p>

4、   HTML 页面上有一个超链接,要实现当鼠标移入该超级链接时,超级链接的文本背景色变为灰色。下列选 
      项中,能实现此功能的是(D)。 
      A.<a href="#" onmouseover="this.style.background.color='gray';">注册</a> //错误用法
      B.<a href="#" onmouseout="this.style.background-color='gray';">注册</a> //css
      C.<a href="#" onmouseover="this.style.backgroundColor=gray;">注册</a> //引号
      D.<a href="#" onmouseover="this.style.backgroundColor='gray';">注册</a>//正确

5    查看如下样式定义:       
     .A  .B { font-weight:bold;}     下列选项中,文本加粗显示的是(C)。 
        A.<a class="A">文本A</a> 
        B.<a class="B">文本B</a> 
        C.<p class="A"><a class="B">文本C</a></p> 
        D.<p class="B"><a class="A">文本C</a></p>

6     查看如下 html 代码:   <div style="float:left;">div text</div>
                            <p style="clear:left;">p text</p>
      此代码在页面上的显示效果为(A)。 
         A.<div> 中的文本和 <p> 中的文本分两行显示,且文本左对齐 
         B.<div> 中的文本和 <p> 中的文本在一行上显示,且文本左对齐 
         C.<div> 中的文本和 <p> 中的文本分两行显示,且文本右对齐 
         D.<div> 中的文本和 <p> 中的文本在一行上显示,且文本右对齐
1.  查看如下 JavaScript 代码(用于得到录入数值的整数部分):
     function getInt() {
         var str = document.getElementById("txtData").value;
         if ( <<  插入代码1  >> )//不是数字: isNaN(str)
              alert("请录入数值");
         else {
             var data = <<  插入代码2  >>;
             alert("整数部分为:" + data);
         }
      }
      为实现所需功能,”插入代码1“和”插入代码2“处所需要的代码分别是(C)。 
      A. isNaN(str) 和 parseFloat(str) 
      B. !isNaN(str) 和 parseFloat(str) 
      C. isNaN(str) 和 parseInt(str) //parseInt()函数主要将首位为数字的字符串转化为数字。如果
      D. !isNaN(str) 和 parseInt(str)//字符串不是以数字开头,则将返回NaN。

2、   阅读如下代码:
      var a1 = [1, 2, 12];
      var a2 = [4, 23];
      a1.concat(a2);
      a1.sort();
      alert(a1.join(";"));
      代码运行后,alert 方法弹出的内容为(B)。
       A.1;2;12     
       B.1;12;2 
       C.1;2;4;12;23 
       D.1;12;2;23;4

3、   阅读如下代码:
      var str1 = "abc123def456";
      var str2 = str1.replace(/\d+/gi, "*");//匹配一个数字字符。等价于 [0-9]。
      代码运行后,str2 的内容为(D)。
      A.abc***def 
      B.abc***def*** 
      C.abc*def 
      D.abc*def*

4、   html 页面主体的代码如下:
      <body>
          <form>
               <input type="text" id="t1" />
          </form>
       </body>
      下列选项中,能向文本框中写入文本的是(AC)。 (多选题) 
      A.document.getElementById("t1").value = "aa"; 
      B.document.getElementById("t1").innerHTML = "bb"; 
      C.document.getElementsByTagName("input")[0].value = "cc"; 
      D.document.getElementsByTagName("input")[0].innerHTML = "dd";

5     有数组定义如下:
      var a1 = [1, 14, 4, 12, 23];
      现需要实现对数组 a1 中的内容按照数值大小升序排列,下列代码中,错误的是(C)。 
      A.a1.sort(new Function("a", "b", "return a-b;")); 
      B.a1.sort(function (a, b) { return a - b; }); 
      C.a1.sort(new function (a, b) { return a - b; }); //new 错误
      D.a1.sort(sortFunc);
          function sortFunc(a, b)  {
                  return a - b;         }  


1.    现需要在页面上实现动态时钟的显示,其 html 代码如下:
       <body onload="initialClock();">
          <span id="mySpan"></span>
       </body>
      相应的 JavaScript 代码如下:  function initialClock()  
                           {         //<< 插入代码 >>;          };
                                   function timerFunc() 
                           {           var v = new Date()
                   document.getElementById("mySpan").innerHTML = v.toLocaleTimeString(); }                  
      为实现所需功能,”插入代码“处所需要的代码是(A)。 
        A. window.setInterval(timerFunc,1000); //或者setInterval("timeCount()",1000);
        B. window.setInterval(timerFunc(),1000); 
        C. window.setTimeout(timerFunc,1000); 
        D.window.setTimeout(timerFunc(),1000);

2、    下列选项中,不是 window 对象的子对象的是(D)。 
         A.location 
         B.history 
         C.screen 
         D.arguments//documents

3、    html页面上有一个id 值为 s1 的 <select> 元素,现需要使用 JavaScript代码清空其所有选项, 
       下列选项中,错误的是(D)。 
          A.document.getElementById("s1").options.length = 0; 
          B.document.getElementById("s1") = null; 
          C.while (document.getElementById("s1").options.length > 0) 
            {       document.getElementById("s1").remove(0);        }  
          D.var selObj = document.getElementById("s1");
              while (selObj.childNodes.length > 0) 
            {    selObj.removeChild(selObj.lastChild);   }  

4.     html 页面上有一个 id 值为 s1 的 <select> 元素,现需要使用 JavaScript 代码向列表中添加 
       一个选项(<option>元素),下列选项中,错误的是(B)。 
       A. document.getElementById("s1").appendChild(new Option("aa", 18)); 
       B. document.getElementById("s1").add(new Option("bb", 18)); 
       C. document.getElementById("s1")
          .options[document.getElementById("s1").options.length] = new Option("cc", 18); 
       D. document.getElementById("s1").options.appendChild(new Option("dd", 18));
          obj.add(new Option("文本","值"));    //这个只能在IE中有效
          obj.options.add(new Option("text","value")); /

5、    23. html 页面上有一个 id 值为 b1 的按钮,现需要使用 JavaScript 代码为其定义单击事件:单 
       击该按钮后,弹出“Hello”。下列选项中,错误的是(C)。 
       A.document.getElementById("b1").onclick = function () { alert("hello"); }; 
       B.document.getElementById("b1").onclick = new Function("alert('hello'); "); 
       C.document.getElementById("b1").onclick = new function () { alert("hello"); }; 
       D.document.getElementById("b1").onclick = clickFunc;
       function clickFunc() {
             alert("Hello");
       }
1、     window对象的方法中,(A )方法是用于弹出确认对话框,可让选择“确定”或“取消”
         A、confirm() B、alert() C、prompt() D、open()

2、     以下JavaScript变量名不合法的有(AC B)(多选题)?
         A、4Myvariable B、My@variable C、function D、Myvariable4
        //变量名区分大小写,允许包含字母、数字、美元符号($)和下划线,但第一个字符不允许是数字,不允 
         许包含空格和其他标点符号

3、    如果想在一个指定的元素后添加内容,下面哪个是实现该功能的?D
       A、append(content) B、prepend(content) C、before(content) D、after(content)

4、    下面对表单的POST提交方式描述不正确的是(   A )。 
       A. 若直接在地址栏中输入URL按回车按GET方式提交;   
       B. 若属性method不指定任何值或者不加属性method,默认按GET方式提交;
       C. 只有在method指定为POST时才按POST方式提交;
       D. POST提交是将表单字段信息放置到请求头中;
     
5、   CSS的盒子模型由什么组成?
      1.内容(content)————我们往往给块级元素设置高度和宽度就是内容的高度和宽度
      2.边框(border)————边框的粗细是盒子的一部分(四个边框)
      3.内边距(padding)————内容和边框的距离(四个方向)
      4.外边距(margin)————边框四周的空间,距离父容器的距离(四个方向)

6、    display:none和visibility:hidden的区别是什么?
       答:display:none 不为被隐藏的对象保留其物理空间
           visibility:hidden 为被隐藏的对象保留其物理空间
           也就是display:;当他的值变成block 的时候,它所在的结构才会被加载进来。
           而visibility就会在加载页面的同时就已经把它加载进来了,
           因为他的值为hidden的时候,它所占的空间还在。

7.     如何居中div?
          答:设置宽度:还设置 margin: 0px auto;

8.     编写一个正则表达式:判断字符串是否是这样组成的,第一个必须是字母,后面可以是字母、数字、下 
       划线,总长度为5-20
             答:var reg=/^[A-Za-z]\w{4,19}$/;
                 alert(reg.test("avcd12345"));
  
9、    类选择器定义样式的:(1)first-line 伪元素:伪元素用于向文本的首行设置特殊样式。例如:
          p:first-line
             {
                color:#ff0000;
                font-variant:small-caps;
              }
       (2)  "first-letter" 伪元素用于向文本的首字母设置特殊样式:
       (3)  ":before" 伪元素可以在元素的内容前面插入新内容。
       (4)  ":after" 伪元素可以在元素的内容之后插入新内容。

 

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值