JavaScript学习

最新推荐文章于 2024-09-17 21:49:02 发布
最新推荐文章于 2024-09-17 21:49:02 发布
阅读量787 收藏
点赞数
文章标签： javascript input border function table button
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hongbo0521/article/details/1753567
版权
 <html xmlns=" http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form>
        <script language=javascript>
     function txt()//文本框的txtChange事件
    {
     document.getElementById("pwd").value=document.getElementById("txt").value;
    alert(document.getElementById("txt").value);
    }
   
    function subm()//按钮的单击事件
    {
     document.all.submm.value="你已经按过我了";//比较老的查找控件方式
     document.getElementById("submm").disabled=false;//比较常用的控件查找方式
    }
   
    function vote()//复选框的提交事件
    {
     var form=document.forms[0];
     
     for(var i=0;i<form.onerad.length;i++)
     {
      if(form.onerad[i].checked)
       break;
     }
     
     for(var j=0;j<form.tworad.length;j++)
     {
      if(form.tworad[j].checked)
       break;
     }
     
     alert('你选择了'+form.onerad[i].value+form.tworad[j].value);
    }
    </script>
    <div>
        <input type=text id="txt"  name="txt" οnchange="txt()"/>
       <input type=text id="pwd" name="pwd"/>
       <input type=submit id="submm"  value="提交" οnclick="subm()"/>
       <table cellpadding=0 cellspacing=0 border=0>
            <tr>
                <td>
                    <table cellpadding=0 cellspacing=0 border=0>
                        <tr>
                            <td>小甜甜</td>
                            <td>
                                <input type=radio name="onerad" value="小甜甜" />
                            </td>
                        </tr>
                       <tr>
                            <td>大甜甜</td>
                            <td>
                                <input type=radio name="onerad" value="大甜甜" />
                            </td>
                        </tr>
                       <tr>
                            <td>老甜甜</td>
                            <td>
                                <input type=radio name="onerad"  value="老甜甜" />
                            </td>
                        </tr> 
                    </table>
                </td>
                <td>
                    <table cellpadding=0 cellspacing=0 border=0>
                        <tr>
                            <td>小不死</td> 
                            <td>
                                <input type=radio name="tworad"  value="小不死" />
                            </td>
                        </tr>
                       <tr>
                            <td>打不死</td>
                            <td>
                                <input type=radio name="tworad" value="打不死" />
                            </td>
                        </tr>
                       <tr>
                            <td>老不死</td>
                            <td>
                                <input type=radio name="tworad"  value="老不死" />
                            </td>
                        </tr> 
                    </table>
                </td>
            </tr>
           <tr>
                <td colspan=2><input type=submit value="提交" οnclick="vote()"/></td>
           </tr>
           <tr>
                 <td>选择</td>
                <td>
                    <input type=checkbox value="洪波撒" />
                   <input type=button value="复选" />
                </td>
           </tr>
       </table>
    </div>
    </form>
   
</body>
</html>
旦旦小老虎
关注
JavaScript学习指南
03-20
JavaScript学习指南 JavaScript，一种广泛应用于网页和网络应用的脚本语言，是互联网上最流行的编程语言之一。它主要用于客户端的交互式网页开发，也可以在服务器端通过Node.js平台进行后端开发。JavaScript与Java...
JavaScript学习指南 高清 PDF
10-20
这份"JavaScript学习指南"高清PDF，无疑为想要深入理解JavaScript的初学者或有一定基础的开发者提供了宝贵的资源。下面，我们将深入探讨JavaScript的一些关键知识点。 1. **基础语法**：JavaScript的基础包括变量、...
JavaScript学习总结
qq_53069622的博客
07-08 1918
JavaScript学习总结
19 JavaScript学习：调试
百锦再的博客
04-28 8万+
使用控制台：在浏览器的开发工中的控台输入代码实时查看的函数等信息，帮调试程序4. 使用调试工具一些开环境（）或者浏览器插件提供了专门的调试工具，如Chrome DevTools、Firefox Developer Tools等，可以更，开发者可以发的错误，并及时修复，代码质量和开发效率。使用断点：在浏览器的开发者工具中设置断点，当程序执行到断点处时暂停执行，开发者可以查看当前变量的值、调用栈等信息，帮助定位问题。关键字可以手动触发断点，不需要依赖开发者工具中的设置断点功能，方便在代码中灵活地进行调试。
10 JavaScript学习：函数
百锦再的博客
04-23 7万+
使用 function 关键字：// 函数体使用函数表达式：// 函数体使用箭头函数（ES6）：// 函数体// result 等于 5// result 等于 6。
18 JavaScript学习：错误
百锦再的博客
04-26 8万+
try…catch语句用于捕获可能出现的错误，并在出错时执行相应的错误处理代码。在JavaScript中，try块中的代码是被监视的，如果其中的代码出现了错误，就会立即跳到catch块中执行错误处理代码。try {// 可能会抛出错误的代码throw new Error('这是一个自定义错误！');// 处理错误的代码在这个例子中，try块中的代码是被监视的，如果条件condition为true，就会抛出一个自定义错误对象。
22 JavaScript学习：表单验证
百锦再的博客
04-30 9万+
JavaScript 表单验证是一种常用的前端技术，可以通过编写 JavaScript 脚本来对用户在表单中输入的数据进行验证，确保其格式和内容符合要求。但需要注意，前端验证只能作为一种辅助手段，真正的数据验证应该在后端进行，以确保数据的安全性和可靠性。其原理是在用户提交表单时，触发 JavaScript 函数进行对用户输入数据的验证，以确保其格式和内容符合预期。HTML5引入了一些新的表单输入类型和属性，可以在不编写JavaScript的情况下自动验证用户输入。最好根据具体需求和业务场景进行调整和优化。
26 JavaScript学习：JSON和void
热门推荐
百锦再的博客
05-03 9万+
在 JavaScript 中，JSON 格式是一种常见的数据交换格式，它与 JavaScript 对象有着相似的结构，但在一些细节上有所不同。在 JSON 中，每个键值对由一个名称和一个值组成，名称是一个字符串，值可以是字符串、数字、布尔值、Null、数组或嵌套对象等不同类型的数据。是一个特殊的表达式，通常用于在 href 属性中作为超链接的 URL，以防止页面跳转。在 JavaScript 中，可以使用内置的 JSON 对象提供的方法将 JSON 字符串转换为 JavaScript 对象。
15 JavaScript学习：循环
百锦再的博客
04-25 8万+
JavaScript中的循环语句用于重复执行特定的代码块，直到指定的条件不再满足。条件判断：在每次迭代开始前都会检查的条件，如果条件为真，则继续执行循环体内的代码块；条件判断：在每次迭代开始前都会检查的条件，如果条件为真，则继续执行循环体内的代码块；循环是 JavaScript 中最常用的循环语句之一，它允许在一定次数的循环中重复执行代码块。在这个示例中，无论条件是否满足，循环体内的代码块至少会执行一次。循环更适合在条件为真时重复执行代码块，或者在需要至少执行一次循环体的情况下使用。
13 JavaScript学习：运算符
百锦再的博客
04-25 7万+
JavaScript 中的算术运算符用于执行基本的数学运算，常见的算术运算符包括加法（+）、减法（-）、乘法（*）、除法（/）和求余（%）。：将数字的二进制码向右移动指定的位数，高位补符号位（正数补0，负数补1）。减等赋值（-=）：将右侧的值从左侧的变量中减去，并将结果赋给左侧的变量。加等赋值（+=）：将右侧的值加到左侧的变量上，并将结果赋给左侧的变量。乘等赋值（*=）：将左侧的变量乘以右侧的值，并将结果赋给左侧的变量。除等赋值（/=）：将左侧的变量除以右侧的值，并将结果赋给左侧的变量。
JavaScript学习目录
过客如期的博客
06-07 1118
背景介绍 语言特性 代码流程控制 数值介绍 字符串介绍 数组介绍 对象介绍 函数介绍 函数中this指向 闭包函数 面向对象编程 代码预解析 JavaScript执行机制
11 JavaScript学习：事件
百锦再的博客
04-23 7万+
事件是指用户在页面上执行的动作（如点击按钮、鼠标移动、键盘输入等）或者浏览器本身触发的动作（如页面加载完成、窗口尺寸改变等）。JavaScript 可以通过事件监听器来捕获这些事件，并对其做出相应的处理，从而实现页面的动态交互效果。这些是一些常见的 HTML 事件，还有许多其他事件可以用于不同的交互行为。通过事件属性和相应的 JavaScript 函数，可以实现丰富的用户交互功能。通过监听用户的操作并进行合适的响应，可以提升用户体验并实现更多交互功能。
JavaScript学习（一）
05-25
JavaScript学习（一） JavaScript是一种广泛应用于网页和网络应用的脚本语言，由 Netscape 的 Brendan Eich 在1995年发明。它主要用于客户端的网页交互，赋予网页动态功能，如响应用户操作、处理数据、与服务器通信...
javascript 学习
04-09
在本文中，我们将深入探讨JavaScript的学习路径、重要概念以及如何利用它来增强网页交互性。 首先，让我们从基础开始。JavaScript是ECMAScript规范的实现，它的主要用途是使网页动态化，提供用户交互、页面更新、与...
【JavaScript】LeetCode：707设计链表
weixin_45980065的博客
09-14 657
【代码】【JavaScript】LeetCode：707设计链表。
使用 uni-app 开发微信小程序的详细指南
2301_79685859的博客
09-16 742
uni-app是一个使用 Vue.js 框架开发跨平台应用的前端框架。开发者通过编写一套代码，可以生成多端应用，包括 H5、iOS、Android、微信小程序、支付宝小程序、字节跳动小程序等。
记录开发一个英语听力训练网站
业余程序员Blue的博客
09-14 650
目前只导入了雅思历年真题的听力音频，作为我日常练习英语听力的素材足够了。网站的主要功能其实就是英语句子精听，核心目的就是反复听每一句话，直到听懂为止，我觉得听力训练也没有太多技巧可言，就是老老实实地坚持去听，所谓网上经常说的“磨耳朵”吧。基于此，听力页面主要功能有：播放/暂停、上一句/下一句、播放次数选择、播放倍速选择、字体大小选择、是否显示原文、是否显示译文、是否自动播放下一句。而这些功能，基本上都是页面js操作。
vue 案例使用
最新发布
buhuidage的博客
09-17 169
加上show-password就行。el-switch 按键的使用。
JavaScript学习资源大全
"JavaScript学习指南" JavaScript，又称为JS，是一种广泛应用于网页和互联网应用的轻量级编程语言，它主要用于客户端的网页脚本编写，使网页具有动态交互性。JavaScript可以操控HTML元素、处理用户输入、操作DOM...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值