有效沟通问答-【官方】百战程序员_IT在线教育培训机构

<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <title></title>
      <script>
         
         function  demo1(){
            
            //获得id名称是div1的对象
            
            var div =document.getElementById("div1");
            
            //获得css样式  只是支持行内样式的css
            
            var  wi=div.style.width;
            
            
            var  hi=div.style.height;
            
            
//          alert(wi+"----"+hi);
            
            
            //操作元素的css样式    
            
            div.style.width="300px";
            
            
            div.style.height="300px";
            
            
            div.style.backgroundColor="red";
            
            div.style.border="3px solid green";
            //通过增加class类来增加对应的css样式  
            //div.className="div2";
            
         }
         
         
      </script>
   
      
      <style>
         
         .div2{
            
            
            border: 3px solid  green;
            
            
            
         }
         
         
      </style>
      
      
   </head>
   <body >
      
      <div id="div1"  style="width: 200px; height: 200px; background-color: palegreen;"></div>
      
      <hr />
      
      <input type="button" name="" id="" value="css样式的操作" onclick="demo1()" />
   </body>
</html>

老师这里我没用增加类的方式增加新的样式，用这个也能增加样式，但是老师讲课好像没说这个，是因为浏览器强大能识别还是这个操作是可以增加样式的

div.style.border="3px solid green";

JAVA 全系列/第四阶段：网页编程和设计/Javascript 语言（旧） 256楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function TestLocation(){
            var  href = window.location.href;
            var  hostname = window.location.hostname;
            var port = location.port;
            var host = location.host;
            //alert(href+"---"+hostname+"---"+port+"----"+host);

            //修改当前的url
            window.location.href="http://www.baidu.com";
            //重新加载页面
            window.location.reload();
        }
    </script>
</head>
<body>
<input type="button" value="Location对象" onclick="TestLocation()">
</body>
</html>

老师，我的点击以后打不开百度

JAVA 全系列/第四阶段：网页编程和设计/Javascript 语言（旧） 257楼

老师，我记得课程里说过一个前端组件网站，有各种各样的前端组件以及实现方式，老师能否再分享一下！

JAVA 全系列/第四阶段：网页编程和设计/Javascript 语言（旧） 258楼

<!DOCTYPE html>http://127.0.0.1:8020/01HTML/10HTML%E4%B8%ADdiv%E6%A0%87%E7%AD%BE%E7%9A%84%E5%AD%A6%E4%B9%A0.html

<html>

<head>

<style>

.top{

height:100px;

width:100%;

/*背景颜色*/

background-color: red;

}

.tips{

width:100%;

height:40px;

background-color: pink;

}

.center{

width:100%;

height:400px;

background-color: yellow;

}

.bottom{

width: 100%;

height: 100;

background-color: royalblue;

}

.login{

width:350px;

height:300px;

background-color: #ffffff;

/*相对定位*/

position:relative;

left:800px;

top:10px;

}

</style>

</head>

<body>

</div>

</div>

</body>

</html>

<!--

div本身是没有哦任何的含义

div：作用就是把网页进行模块化的划分

-->

代码没问题啊为啥bottom模块没有颜色显示呢

JAVA 全系列/第四阶段：网页编程和设计/HTML5（旧） 259楼

老师，我有一个前后端接口的问题，需求是这样子的：

如图，我现在使用layui框架设计的数据表格，其中有这个数据接口，那我连接的后端是啥？jsp吗？我在服务层将数据从数据库中获得出来，然后可以通过session设置属性，请求转发给某一个jsp页面，在其中使用jstl对集合遍历，我咋对接呢？望老师指点，最好有个案例。

JAVA 全系列/第四阶段：网页编程和设计/HTML5（旧） 260楼

为什么修改数量和删除功能要在$(function(){})外面单独写方法？

JAVA 全系列/第四阶段：网页编程和设计/Jquery（旧） 261楼

为什么表头不会变色？不都是tr吗？

JAVA 全系列/第四阶段：网页编程和设计/Jquery（旧） 262楼

为什么我按“百度一下”并没有跳转到百度的那个页面

JAVA 全系列/第四阶段：网页编程和设计/HTML5（旧） 263楼

注释的快捷键是什么

JAVA 全系列/第四阶段：网页编程和设计/HTML5（旧） 264楼

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<script>
			
			function addNode(){
				
				//获得表单对象
				var fom = document.getElementById("fom");
				
				//创建节点的方法
				var p = document.createElement("p");
				
								
				var inp = document.createElement("input");
				
				inp.type = "file";
				
				
				var inp2 = document.createAttribute("input");
				
				inp2.type = "button";
				
				inp2.value = "删除"；
				
				//添加节点对象
				fom.appendChild(p);
				
				p.appendChild(inp);
				
				p.appendChild(inp2);
			}
			
		</script>
	</head>
	<body>
		
		<form id="fom">
			
			<p>
				用户名：<input type="text" />
			</p>
			
			<p>
				照片：<input type="file"/>
				
				<input type="button"  value="添加" onclick="addNode()"/>
			</p>
			
			<p>
				<input type="button" value="提交"/>
				
				<input type="button" value="清空"/>
			</p>
		</form>
		
	</body>
</html>

运行代码报错什么原因

JAVA 全系列/第四阶段：网页编程和设计/Javascript 语言（旧） 265楼

老师我发现了一个问题

我执行下面这行代码

这个《java编程之道》到下面了

为什么啊老师？不是在表格下面加一行吗？

JAVA 全系列/第四阶段：网页编程和设计/Jquery（旧） 266楼

老师划线的这行代码是什么意思啊？？？？？

JAVA 全系列/第四阶段：网页编程和设计/Jquery（旧） 267楼

老师这是我写的爱好和性别的公共校验方法

function ck(name,str){ 
	var obj = document.getElementsByName(name);
	// alt属性无法被通过name获取的对象调用			
	// var name = obj.alt; 
	var span = document.getElementById(name+"_span");
	for(var i in obj){
	    if(obj[i].checked){
		span.innerText=str+"选择成功";
		span.style.color="green";
		return true;
	    }
	}
	span.innerText="请选择"+str;
	span.style.color="red";
	return false;
}
function checkSex(){
    ck("sex","性别");
}
function checkFav(){
    ck("fav","爱好")
}

男：<input type="radio" name="sex" id="" value="1" alt="性别" onclick="checkSex()"/>
女：<input type="radio" name="sex" id="" value="0" alt="性别" onclick="checkSex()"/>

老师我这个理解的对吗？因为我是试了一下这样获得undefined

// alt属性无法被通过name获取的对象调用			
// var name = obj.alt;

JAVA 全系列/第四阶段：网页编程和设计/Javascript 语言（旧） 268楼

问题一：alt作用是什么

问题二：在name和id同时存在时，name和id输入其中一个时另一个会默认生成同样的名字，在输入完没有点回车确认时删除也会默认同时删除，这是为什么？

问题三：class、name、id都有什么作用，有什么区别

问题四：每个tr都设置了height="35px"，可不可以在style中设置，不在每个tr中写

<style>
    tr{
	height: 35px;
    }
</style>

问题五：disabled="true"和disabled="disabled"都是启用禁用功能，他俩有啥区别吗

JAVA 全系列/第四阶段：网页编程和设计/Javascript 语言（旧） 269楼

老师画红线的这行代码是是什么意思啊是替换掉<td>10</td>吗？

JAVA 全系列/第四阶段：网页编程和设计/Jquery（旧） 270楼

同学您好