JavaScript 题型问答有答案参考

 更新时间:2010年02月17日 17:22:57   作者:  
JavaScript 题型问答有答案参考,都是一些开发中容易碰到的问题。
1.如何获取表单<select>域的选择部分的文本?
<form name="a">
<select name="a" size="1" onchange="_sel(this)">
<option value="a">1</option>
<option value="b">2</option>
<option value="c">3</option>
</select>
</form>

<script type="text/javascript"><!--
function _sel(obj){
alert("显示文本:" + obj.options[obj.selectedIndex].text);
alert("值:" + obj.options[obj.selectedIndex].value);
}
// --></script>

2.javascript控制页面控件隐藏显示的两种方法
javascript控制页面控件隐藏显示的两种方法,方法的不同之处在于控件隐藏后是否还在页面上占位
方法一:
document.all["PanelSMS"].style.visibility="hidden";
document.all["PanelSMS"].style.visibility="visible";
方法二:
document.all["PanelSMS"].style.display="none";
document.all["PanelSMS"].style.display="inline";
方法一隐藏后 页面的位置还被控件占用 只是不显示 类似于.net验证控件的Display=Static
方法二隐藏后 页面的位置不被占用 类似于.net验证控件的Display=Dynamic

3.var a = 10; var b = 20; var c = 10; alert(a = b); alert(a == b); alert(a == c);结果是?
以下是答案:a = b 是赋值,a == b是判断值是否相同lect>域的选择部分的文本?

4. 编写一个方法 求一个字符串的字节长度?
<script language="javascript" type="text/javascript"><!--
new function(s)
{
if(!arguments.length||!s) return null;
if(""==s) return 0;
var l=0;
for(var i=0;i<s.length;i++)
{
if(s.charCodeAt(i)>255) l+=2;
else l++;
}
alert(l);
}("hello你好,我好,大家好!world!");
// --></script>

5. 如何控制alert中的换行
<script language="javascript" type="text/javascript"><!--
alert("hello\nworld");
// --></script>

6. 按照格式 xxxx年xx月xx日xx时xx分xx秒动态显示时间 要求不足10的补0?
<script language="javascript" type="text/javascript"><!--
new function()
{
with(new Date())
{
var t=function(a){return a<10?"0"+a:a;}
alert(getFullYear()+"年"+t(getMonth()+1)+"月"+t(getDate())+"日"+t(getHours())+"时"+t(getMinutes())+"分"+t(getSeconds())+"秒");
}
}
// --></script>

7. 编写一个方法 去掉一个数组的重复元素
<script language="javascript" type="text/javascript"><!--
Array.prototype.strip=function()
{
if(this.length<2) return [this[0]]||[];
var arr=[];
for(var i=0;i<this.length;i++)
{
arr.push(this.splice(i--,1));
for(var j=0;j<this.length;j++)
{
if(this[j]==arr[arr.length-1])
{
this.splice(j--,1);
}
}
}
return arr;
}
var arr=["abc",85,"abc",85,8,8,1,2,5,4,7,8];
alert(arr.strip());
// --></script>

8.js中SetInterval与setTimeout用法?
延时时间/交互时间是以豪秒为单位的(1000ms=1s)
setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次
SetInterva 在执行时,它从载入后,每隔指定的时间就执行一次表达式
1)基本用法:
执行一段代码:
var i=0;
setTimeout("i+=1;alert(i)",1000);
执行一个函数:
var i=0;
setTimeout(function(){i+=1;alert(i);},1000);
下面再来一个执行函数的:
var i=0;
function test(){
i+=1;
alert(i);
}
setTimeout("test()",1000);
也可以这样:
setTimeout(test,1000);
2)<script type="text/javascript"><!--
function sett()
{
document.body.innerHTML=Math.random();
}
setInterval("sett();", 500);
// --></script>

相关文章

  • Flutter自适用高度PageView的实现方案

    Flutter自适用高度PageView的实现方案

    在 Flutter 中,PageView 是一个非常常用的组件,能够实现多个页面的滑动切换,这篇文章主要介绍了Flutter-自适用高度PageView,需要的朋友可以参考下
    2024-08-08
  • BootStrap导航栏问题记录

    BootStrap导航栏问题记录

    这篇文章主要介绍了BootStrap导航栏问题记录,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-07-07
  • js数组方法reduce经典用法代码分享

    js数组方法reduce经典用法代码分享

    本文给大家整理了很多关于js数组方法reduce的经典代码片段,能够让大家更好的理解reduce的实例用法,一起学习下吧。
    2018-01-01
  • 原生javascript获取元素样式属性值的方法

    原生javascript获取元素样式属性值的方法

    实际应用中, 获取元素样式在实际应用中一定常用到, 若是纯粹html中, 直接elem.style.attr就可获取, 但更多的时候我们是要从Css中获取元素的最终样式属性.
    2010-12-12
  • JavaScript中的Reflect对象详解(ES6新特性)

    JavaScript中的Reflect对象详解(ES6新特性)

    这篇文章主要介绍了JavaScript中的Reflect对象(ES6新特性)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • JavaScript promise的使用和原理分析

    JavaScript promise的使用和原理分析

    Promise 是一个 ECMAScript 6 提供的类,目的是更加优雅地书写复杂的异步任务。由于 Promise 是 ES6 新增加的,所以一些旧的浏览器并不支持,苹果的 Safari 10 和 Windows 的 Edge 14 版本以上浏览器才开始支持 ES6 特性
    2023-04-04
  • JS字符串统计操作示例【遍历,截取,输出,计算】

    JS字符串统计操作示例【遍历,截取,输出,计算】

    这篇文章主要介绍了JS字符串统计操作,结合实例形式分析了javascript字符串的遍历,截取,输出,计算等相关操作技巧与注意事项,需要的朋友可以参考下
    2017-03-03
  • js将类数组对象转换成数组对象

    js将类数组对象转换成数组对象

    javascript与dom有许多瑕疵,如著名的类数组对象Arguments,其他诸如HTMLCollection,NodeList如果它们都是数组的子类,那多省时啊。
    2010-05-05
  • TypeScript类型推论与类型断言实例详解

    TypeScript类型推论与类型断言实例详解

    如果没有明确的指定类型,那么TypeScript会依照类型推论(Type Inference)的规则推断出一个类型,下面这篇文章主要给大家介绍了关于TypeScript类型推论与类型断言的相关资料,需要的朋友可以参考下
    2022-11-11
  • 详解如何在微信小程序中愉快地使用sass

    详解如何在微信小程序中愉快地使用sass

    这篇文章主要介绍了详解如何在微信小程序中愉快地使用sass,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07

最新评论