Coder Social home page Coder Social logo

javascript-'s People

Watchers

avatar

javascript-'s Issues

javascript基础题目

  1. 有一段html div id="div1"span sss /span/div
    如何生成一段html divhell/div
    然后把这个新生成的div插入到之前的div里去
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>test6</title>

</head>
<body>
   <div id="a"><span>sss</span></div>
   	
   
   <script>
   	function myFunction() {
   		var div1 = document.createElement("div");
   		div1.innerHTML="hell";
   		div = document.getElementById("a");
   		div.appendChild(div1);
   	}
   	myFunction();
   </script>
</body>
</html>
  1. 有一段html
    div1/div
    div2/div
    div3/div
    div4/div
    div5/div
    div6/div
    div7/div
    用js实现，点击任意div，都可以弹出该div的内容
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>test6-2</title>
</head>
<body>
	<div onclick = show(this)>1</div>
	<div onclick = show(this)>2</div>
	<div onclick = show(this)>3</div>
	<div onclick = show(this)>4</div>
	<div onclick = show(this)>5</div>
	<div onclick = show(this)>6</div>
	<div onclick = show(this)>7</div>

<script>
function show(obj) {
	alert(obj.innerHTML);
}
</script>
</body>
</html>
  1. 先看代码，看看会产生什么结果。然后思考为什么
var k;
for(var i =0; i< 5; i++) {
	for (var j = 0; j < 10; j++) {
		k = i + j;
	}
}
alert(k);

答：13

  1. 有html代码
    input type="text" name="somevalue" value=""/
    input type="button" name="somebutton" value="Add"/
    先有一个空的数组,写一个js实现。每次点击button时，都可以把第一个input的值插入到数组里
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>test6-4</title>
	
</head>
<body>
	<input type="text" name="somevalue" value=""/>
	<input type="button" name="somebutton" value="Add" onclick="myfunction1()"/>
	
	<script>
	var arr = new Array();
	function myfunction1() {
		
		obj = document.getElementsByName("somevalue");
		for (var i = 0; i <obj.length; i++) {
			arr.push(obj[i].value);
	
		}
		alert(arr.length);
	}

	</script>
</body>
</html>

  1. 先写一个html，整一个div，设置好初始高宽100100和边框颜色红色。
    当页面刷新之后，这个div可以高宽同时增加到400＊400，然后又缩小到100    100，这样一直进行下去

  2. foo = foo||bar; 这样写，这个代码什么意思

##答：foo = foo||bar ，这行代码是什么意思？为什么要这样写？
if(!foo) foo = bar; //如果foo存在，值不变，否则把bar的值赋给foo。
短路表达式：作为”&&”和”||”操作符的操作数表达式，这些表达式在进行求值时，只要最终的结果已经可以确定是真或假，求值过程便告终止，这称之为短路求值。

  1. 用js实现随机选取10--100之间的10个数字，存入一个数组，并排序
<script>
arr()
function arr() {	
	var iArray = []; 
	//获取某个范围内随机选择一个值
	//值 = Math.floor( Math.random() * 可能值的总数 + 第一个可能值);
	function getRandom(istart, iend){
	 var ichoice = iend -istart + 1;  //ichoice可能值的总数 istart第一个可能值
	 return Math.floor( Math.random() * ichoice + istart);
	}
	
	for(var i=0; i<10; i++){
	  iArray.push(getRandom(10,100));
	}
	
	iArray.sort(function(a,b){
	  return b-a;//降序
	});
	document.write(iArray)
}
</script>

jquery练习题

  • 页面载入之后，出现一个文本输入框和按钮。按钮从10开始计数，每秒少1。
    当少到0之后，按钮变成可以点击的。之前都不能点击。
    点击之后，获取输入框中的内容，跳出提示，显示内容。
    点掉提示框之后，页面刷新，重新开始

javascript基础题目

    1. 把两个数组合并，并删除第二个元素
      var array1 = ['a', 'b', 'c'];
      var array2 = ['rt', '56', '32#'];
<script>

var array1 = ['a', 'b', 'c'];
var array2 = ['rt', '56', '32#'];
document.write(array1.concat(array2).splice(1,1))

</script>
function serilizeUrl(url) {
    var result = {};
    url = url.split("?")[1];
    var map = url.split("&");
    for(var i = 0, len = map.length; i < len; i++) {
        result[map[i].split("=")[0]] = map[i].split("=")[1];
    }
    return result;
}
    1. js匹配邮箱的正则表达式
var regMail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/;
    1. 看代码。 会输出什么
for(var i=1;i<=3;i++){
  setTimeout(function(){
      console.log(i);    
  },0);  
};

答案：4 4 4。

原因：Javascript事件处理器在线程空闲之前不会运行。那么问题来了，如何让上述代码输出1 2 3？

for(var i=1;i<=3;i++){
   setTimeout((function(a){  //改成立即执行函数
       console.log(a);   
   })(i),0); 
};

1           //输出
2
3
    1. 如何消除一个数组里面重复的元素？写一个js函数实现
      var arr=[1,2,3,3,4,4,5,5,6,1,9,3,25,4];
      var arr = [1, 2, 3, 3, 4, 4, 5, 5, 6, 1, 9, 3, 25, 4];
function deRepeat() {
    var newArr = [];
    var obj = {};
    var index = 0;
    var l = arr.length;
    for (var i = 0; i < l; i++) {
        if (obj[arr[i]] == undefined) {
            obj[arr[i]] = 1;
            newArr[index++] = arr[i];
        } else if (obj[arr[i]] == 1)
            continue;
    }
    return newArr;
 
}
var newArr2 = deRepeat(arr);
alert(newArr2); //输出1,2,3,4,5,6,9,25
    1. 看这个代码，看看会运行成什么样子。思考
<script type="text/javascript">
function newaa(){
	for(var i=1;i<=3;i++){
		var anchor=document.getElementById("anchor"+i);
		anchor.onclick=function(){
			alert("My anchor is anchor"+i);
		}
		
	}
}
window.onload=newaa;
</script>
<body >
<a id="anchor1" href="#">abc</a><br />
<a id="anchor2" href="#">abc</a><br />
<a id="anchor3" href="#">abc</a><br />
</body>
    1. 看看下面的代码，会运行成什么样子。思考
<script type="text/javascript">
function newaa(){
	for(var i=1;i<=3;i++){
		var anchor=document.getElementById("anchor"+i);
		registerListener(anchor,i);	
		}	
	}
function registerListener(anchor,i){
		anchor.onclick=function(){
			alert("My anchor is anchor"+i);
	}
}
window.onload=newaa;
</script>
<body >
<a id="anchor1" href="#">abc</a><br />
<a id="anchor2" href="#">abc</a><br />
<a id="anchor3" href="#">abc</a><br />
</body>
    1. 猜猜下面代码的运行结果
      var s = new String('hello');
      console.log(typeof 'hello');//string
      console.log(typeof s);//object
    1. 猜猜下面代码的运行结果
      var s1 = new String('hello');
      var s2 = new String('hello');
      console.log(s1 === s2);//false
      console.log(s1 == s2);//false

var s = String('hello')

##typeof(s1)和typeof(s2)出来的都是'object',s1和s2是引用类型
typeof(s)是'string'，s是string类型
按引用进行比较时，两个变量必须恰好引用同一个实体，才能成功进行比较。 例如，两个不同 Array 对象比较之后的结果始终为不等，即使二者所含的元素相同也是如此。 若要使比较成功，其中一个变量必须是对另一个变量的引用。

    1. 先写一个html，整一个div，设置好初始高宽100100和边框颜色红色。
      当页面刷新之后，这个div可以高宽同时增加到400＊400，然后又缩小到100      100，这样一直进行下去

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.