javaScriptDay4

最新推荐文章于 2020-10-19 20:49:37 发布
最新推荐文章于 2020-10-19 20:49:37 发布
阅读量1.5k 收藏
点赞数
分类专栏： JavaScript 文章标签： JavaScriptDay4
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010436741/article/details/17283823
版权

打个广告，兼职包包类店辅，包类、拉杆箱

言归正传

贴图两张



详细代码

<html lang="zh-CN">

<head>
<script language="JavaScript" type="text/javascript">
function displayEvent(eventName)
{
    var myMsg = window.document.form1.textarea2.value;
    myMsg = myMsg + eventName;
    window.document.form1.textarea2.value = myMsg;
}
function button_removeOne()
{
    
    //alert(document.form2.selectDay.selectedIndex.text);
    if(document.form2.selectDay.options[1].text == "Monday")
    {
        document.form2.selectDay.options.remove(1);//方法一
        //document.form2.selectDay.options[1] = null;//方法二
    }else
        alert("没有找到星期一");
}
function button_addOne()
{
    if(document.form2.selectDay.options[1].text != "Monday")
    {
            var indexCounter;
            var days = document.form2.selectDay;
            var lastoption = new Option();
            days.options[6] = lastoption;
            for(indexCounter=6; indexCounter >1 ;indexCounter--)
            {
                days.options[indexCounter].text = days.options[indexCounter-1].text;
                days.options[indexCounter].value = days.options[indexCounter-1].value;
            }
            var option = new Option("Monday",1);
            days.options.add(option,1);//方法一
            //days.options[1] = option;//方法二
    }
    else
        alert("已经存在一个星期一了");
}
function writeOptions(startNumber,endNumber)
{
    var optionCount;
    for(optionCount = startNumber; optionCount<=endNumber; optionCount++)
    {
        document.write('<option value=' +optionCount +'>' +optionCount);
    }
}
function writeMonthOptions()
{
    var theMonth;
    var monthCounter;
    var theDate = new Date(1);
    for(monthCounter = 0; monthCounter <= 12; monthCounter++)
    {
        theDate.setMonth(monthCounter);
        theMonth = theDate.toString();
        theMonth = theMonth.substr(4,3);
        //theMonth = theMonth.substring(4,7);
        document.write('<option value=' + theMonth +'>'+ theMonth);
    }
    
}
function recalcDateDiff()
{
    var myForm = document.form3;
    var firstDay = myForm.fristDay.options[myForm.fristDay.selectedIndex].value;
    var secondDay = myForm.secondDay.options[myForm.secondDay.selectedIndex].value;
    var firstMonth = myForm.firstMonth.options[myForm.firstMonth.selectedIndex].value;
    var secondMonth = myForm.secondMonth.options[myForm.secondMonth.selectedIndex].value;
    var firstYear = myForm.firstYear.options[myForm.firstYear.selectedIndex].value;
    var secondYear = myForm.secondYear.options[myForm.secondYear.selectedIndex].value;
    var firstDate = new Date(firstDay + " " + firstMonth + " " + firstYear);
    var secondDate = new Date(secondDay + " " + secondMonth + " " + secondYear);
    var daysDiff = (secondDate.vauleOf()) - (firstDate.vauleOf());
    daysDiff  = Math.abs(((((daysDiff/1000)/60)/60)/24));
    myForm.txtDays.value = daysDiff;
    return true;
}
function window_onload()
{
    var myForm = document.form3;
    var nowDate = new Date();
    myForm.firstDay.options[nowDate.getDate()-1].selected = true;
    myForm.firstMonth.options[nowDate.getMonth()].selected = true;
    myForm.firstYear.options[nowDate.getFullYear()-1970].selectd = true;
    
    myForm.secondDay.options[nowDate.getDate()-1].selected = true;
    myForm.secondMonth.options[nowDate.getMonth()].selected = true;
    myForm.secondYear.options[nowDate.getFullYear()-1970].selectd = true;
}
</script>
</head>
<body language=JavaScript οnlοad="return window_onload()">

<form name="form1">
<!-- name 属性那里居然不加""也行，类似方法onchange等后面不加";"也行， 我用的是火狐-->
<textarea name="textarea1" cols=10 rows=15
οnchange="displayEvent('onchange\n')"
οnkeydοwn="displayEvent('onkeyup\n')"
οnkeypress="displayEvent('onkeypress\n);"
οnkeyup="displayEvent('onkeydown\n\n');">
</textarea>
<textarea name="textarea2" cols=10 rows=15 ></textarea>
<br><br>
<input type="button" value="Clear Event TextArea"
οnclick="document.form1.textarea2.value=''"><!-- 这个方法居然还可以这样写-->
<br>
<input type="checkbox" name="checkbox1" checked value="box1"/>&nbsp复选框<br>
<input type="radio" name="radio" value="radio1"/>&nbsp单选框</br><!-- 名字相同的组成单选按钮-->
<input type="radio" name="radio" value="radio2"/>&nbsp单选框</br>
</form>

<p>表单二</p>
<form name="form2">
<select name=selectDay size=7 ><!-- size 是几表示显示几个，是1表示要下拉才能看到其它的-->
<option value=0 selected name="Sunday">Sunday</option>
<option value=1 name="Monday">Monday</option>
<option value=2>Tuesday</option>
<option value=3>Wednesday</option>
<option value=4>Thursday</option>
<option value=5>Friday</option>
<option value=6>Saturday</option>
</select>
<br>
<input type="button" name="buttremove" value="删除星期一" οnclick="button_removeOne()">
<input type="button" name="buttadd" value="添加星期一" οnclick="button_addOne()">
<br>
</form>
<p>起始日期
<form name=form3>
<!-- 日期 -->
<select name=firstDay size=1 οnchange="return recalcDateDiff()">
<script language="JavaScript">
writeOptions(1,31);
</script><!-- 这里居然警告！！警告提示：利用 document.write() 写入不平衡树引发来自网络的数据被重新解析  。不晓得怎么回事-->
</select>
<!-- 月份-->
<select name=firstMonth size=1 οnchange="return recalcDateDiff()">
<script language="JavaScript">
writeMonthOptions();
</script>
</select>
<!-- 年-->
<select name=firstYear size=1 οnchange="return recalcDateDiff()">
<script language="JavaScript">
writeOptions(1970,2070);
</script>
</select>
</p>
<p>终止日期<br>
<form name=form3>
<!-- 日期 -->
<select name=secondDay size=1 οnchange="return recalcDateDiff()">
<script language="JavaScript">
writeOptions(1,31);
</script>
</select>
<!-- 月份-->
<select name=secondMonth size=1 οnchange="return recalcDateDiff()">
<script language="JavaScript">
writeMonthOptions();
</script>
</select>
<!-- 年-->
<select name=secondYear size=1 οnchange="return recalcDateDiff()">
<script language="JavaScript">
writeOptions(1970,2070);
</script>
</select>
</p><br>
<input type="text" name=txtDays value=0 readonly>

</form>
</body>
</html>

u010436741
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
FE21-JavaScriptDay2-Delgado-Ali
03-04
FE21-JavaScriptDay2-Delgado-Ali
document.write的问题
jlin991的博客
02-21 2926
简介将输出流写入到网页的能力就是document.write，还有open() close() writeln()。方法都是接受一个字符串参数，即要写入到输出流中的文本。wirte原样写入，writeln在字符串末尾添加换行符。页面被加载过程中，可以使用这两个方法向页面中动态添加内容。用法... <p> <script> document.write("<strong>"+(new Date()).
去掉你代码里的 document.write("<script...
weixin_34387468的博客
09-18 1895
在传统的浏览器中，同步的 script 标签是会阻塞 HTML 解析器的，无论是内联的还是外链的，比如： &lt;script src="a.js"&gt;&lt;/script&gt; &lt;script src="b.js"&gt;&lt;/script&gt; &lt;script src="c.js"&gt;&lt;/script&g
关于document.write（来自网络）
weixin_30325487的博客
11-01 601
对象属性: document.title //设置文档标题等价于HTML的<title>标签document.bgColor //设置页面背景色document.fgColor //设置前景色(文本颜色)document.linkColor //未点击过的链接颜色docum...
如何解决Chrome对HTTPS页面的CNZZ 统计代码报错警告？
会飞的鱼的博客
08-28 6793
转载自  https://blog.csdn.net/liaoxj2046/article/details/80625004 很多站长会遇到一个问题，网站加入CNZZ的JS统计代码后，Chrome浏览器出现警告：阻止跨站解析器阻断脚本通过document.write调用（A parser-blocking,cross site script,XXXX.js is invoked via docu...
document.write()详解
qq_43383323的博客
10-19 1万+
原博客：https://blog.csdn.net/wei_ke_zhi/article/details/82153778 一、document.write()运行原理 首先我们先了解一下这条语句运行的原理： document.write()是Javascript中对document.open()所开启的文档流操作的API方法。 它能够直接砸文档流中写入字符串，一旦文档流已经关闭，那么 document.write()就会重新运用document.open()打开新的文档流并写入，此时原来的文档流会被清.
网络常见问题
热门推荐
柯南的博客
09-29 1万+
１、IP与MAC绑定的难题 问：我的计算机原来采用公网固定IP地址。为了避免被他人盗用，使用“arp -s ip mac”命令对MAC地址和IP地址进行了绑定。后来，由于某种原因，又使用“arp -d ip mac”命令取消了绑定。然而，奇怪的是，取消绑定后，在其他计算机上仍然不能使用该IP地址，而只能在我自己的计算机上使用。需要说明的是，我的计算机并不是代理服务器。 答：虽然在TCP
关于document.write
weixin_30851867的博客
08-21 1255
document.write的用处 document.write是JavaScript中对document.open所开启的文档流(document stream操作的API方法，它能够直接在文档流中写入字符串，一旦文档流已经关闭，那document.write就会重新利用document.open打开新的文档流并写入，此时原来的文档流会被清空，已渲染好的页面就会被清除，浏览器将重新构建DOM并渲...
javascript中的document.write()函数引发的问题
风起云涌
04-02 1368
先看下面的一段代码：function output(){    document.write(document.login.username.value+ "");  document.write(document.login.password.value+ "");}调用该函数后，发现只能输出用户名的信息，却没有输出想要的密码。 再看下面的一段代码function o
JavaScriptday1
u010436741的专栏
12-10 1069
这是头部 Paragraph 1 document.bgColor="WHITE"; alert("First Script Block"); Paragraph 2 //alert("Second Script Block"); //document.bgColor="Blue"; //var degFahren = Number(prompt("Enter t
javaScriptDay3
u010436741的专栏
12-11 1004
先上图 function window_onLoad() {     var memberForms = window.document.forms.length;     var formIndex;     for(formIndex=0;formIndex     {         //window.document.write(window.document
javaScriptDay2
u010436741的专栏
12-10 997
转化关系 document.bgColor="WHITE"; //document.bgColor="skyblue"; var curNum; do {     curNum = prompt("please enter a number",""); }while(isNaN(curNum) == true); document.write(""); docum
javaScriptDay5
u010436741的专栏
12-13 996
工作之外的店点击打开链接 效果图 代码 框架集页面 var pagesVisited = new Array(); function returnPagesVisited() {     var returnValue = "您正在访问的下面的页面 ";     var pageVisitedIndex;     var numberOfPagesVi
javaScriptDay3-1
u010436741的专栏
12-11 107
图 请输入你的姓名和年龄 function buttCheckForm_onclick() {     var myForm1 = document.form1;     if(myForm1.txtName.value == "" || myForm1.txtAge.value == "")     {         alert("请把信息填写完整");   
Java-GUI介绍和使用
最新发布
04-18
GUI API包含的类分为三个部分:组件类(component class) 容器类(container class),和辅助类(helper class) 1. 组件类是用来创建用户图形界面的,例如JButton,JLabel,JTextField. 2. 容器类是用来包含其他组件的,例如JFrame,JPanel 3. 辅助类是用来支持GUI组件的,例如Color,Font

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值