[萌新|结业弟子]JS-张嘉豪|2019年04月20日的日报-技能树.IT修真院

发表于： 2019-04-20 20:55:27

1 845

今天完成的事情：今天完成了js2的一部分静态图，本来是打算今天把静态图写完的。但是最后面要牵扯到js的内容，所以就没有写

下面的部分写起来其实很简单的，但是我想把这部分的js搞明白之后在一起写，所以展示就先不做这个了

明天计划的事情：后天准备开始写js2中的js部分
遇到的问题：

一、常规的JS页面跳转代码
1、在原来的窗体中直接跳转用
<script type="text/javascript">
　　window.location.href="你所要跳转的页面";
　　</script>
2、在新窗体中打开页面用：
<script type="text/javascript">
　　window.open('你所要跳转的页面');
　　</script>
3、JS页面跳转参数的注解
<SCRIPT LANGUAGE="javascript">
　　
　　</SCRIPT>
参数解释：
<SCRIPT LANGUAGE="javascript"> js脚本开始；
　　window.open 弹出新窗口的命令；
　　'page.html' 弹出窗口的文件名；
　　'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空'代替；
　　height=100 窗口高度；
　　width=500 窗口宽度；
　　top=0 窗口距离屏幕上方的象素值；
　　left=0 窗口距离屏幕左侧的象素值。
二、跳转指定页面的JS代码
第1种：
<script language="javascript" type="text/javascript">
　　window.location.href="login.jsp?backurl="+window.location.href;
　　</script>
第2种：
<script language="javascript">
　　alert("返回");
　　window.history.back(-1);
　　</script>
第3种：
<script language="javascript">
　　window.navigate("top.jsp");
　　</script>
第4种：
<script language="JavaScript">
　　self.location=’top.htm’;
　　</script>
第5种：
<script language="javascript">
　　alert("非法访问！");
　　top.location=’xx.jsp’;
　　</script>

js如何获得input元素的value值

方法一、

Java代码  
<html>  
 <head>  
 <script language="javascript">  
  function print(){  
   var a=myform.name.value;  
   alert(a);  
  }  
 </script>  
 </head>  
 <body>  
  <form name="myform">  
   <input type="text" name="name" id="nn" />  
   <input type="button" name="button" value="获取" onclick="print()" />  
  </form>    
 </body>  
</html>  

这是获取网页input值的方法之一，给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值，并把值赋给a，最后用JavaScript的alert()打印方法打印出来。

方法二、

JS代码  
<html>  
 <head>  
 <script language="javascript">  
  function print(){  
   var a=document.getElementById("nn").value;  
   alert(a);  
  }  
 </script>  
 </head>  
 <body>  
  <form>  
   <input type="text" name="name" id="nn" />  
   <input type="button" name="button" value="获取" onclick="print()" />  
  </form>    
 </body>  
</html>  

收获：知道了如何获得input元素的value值

返回列表

【任务14】 [萌新|结业弟子]JS-张嘉豪 | 2019年04月20日 的日报 中品

评论

分享到

【任务14】 [萌新|结业弟子]JS-张嘉豪 | 2019年04月20日的日报中品