JavaScript高级编程深入解析
"本书《JavaScript_高级编程》深入浅出地介绍了JavaScript语言的基础及高级应用,旨在帮助初学者掌握这门强大的脚本语言。书中详细讲解了JavaScript的语法特性、对象以及在网页交互中的实际运用,是学习JavaScript的理想教材。" 在JavaScript的基础知识部分,书中首先介绍了JavaScript的起源和它在Web开发中的角色,阐述了WorldWideWeb的结构以及Web应用程序的基本构造。接着,详细讲述了JavaScript与HTML的结合,包括HTML基础和如何在HTML文档中嵌入JavaScript脚本,以及如何编写有效的JavaScript代码。 进入高级话题,JavaScript的基本语法是核心内容。这一部分讲解了JavaScript的数据类型,如基本数据结构(如字符串、数字、布尔值),以及运算符和表达式的用法。此外,还深入讨论了控制结构(如条件语句、循环)的应用,这些都是编写逻辑复杂程序的基础。 书中的第4章至第15章详细介绍了JavaScript中的关键对象及其用法。Window对象作为浏览器的主要接口,包含了重要的属性如window对象的属性和方法,用于控制窗口的创建和关闭。document对象是与HTML文档交互的桥梁,包括其属性和方法,如获取和修改页面元素。文本对象、按钮对象、选择和隐藏对象等则涉及表单元素的处理,如文本域、按钮、复选框、单选按钮和下拉列表的操控。location对象用于处理当前页面的URL,而history对象则管理浏览器的历史记录。layer对象是早期JavaScript中用于页面布局的元素,虽然现代Web开发中更倾向于使用CSS,但理解这部分历史仍然有价值。字符串、日期、数学和数组对象则提供了处理文本、时间、数学计算和数据集合的工具。 这本书全面覆盖了JavaScript的核心概念和技术,无论你是刚接触JavaScript的新手,还是希望巩固和深化理解的开发者,都能从中受益。通过学习这些知识点,读者将能够熟练地运用JavaScript来创建动态、交互性的Web应用程序。
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
<input type="checkbox" id="select-all"> | 录入时间 | 退货单号 | 录入人 | 备注 | 状态 | 日志 |
<input type="checkbox" value="{{item[1]}}" name="id"> | {{item[0]}} | {{item[1]}} | {{item[2]}} | {{item[3]}} | {% if item[4] is none %}{% else %}{{item[4]}}{% endif %} | 日志 |
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
<input type="text" oninput="filterTable(1)" placeholder="aoiStep">
<input type="text" oninput="filterTable(2)" placeholder="defectType">
<input type="text" oninput="filterTable(3)" placeholder="layerCode">
<input type="text" oninput="filterTable(4)" placeholder="type">
<input type="text" oninput="filterTable(5)" placeholder="dpet">
<input type="text" oninput="filterTable(6)" placeholder="subcode">
<input type="text" placeholder="codeDescription">
image1
image2
image3
image4
image5
<input type="text" placeholder="determination_rule">
想在保留contenteditable="true"和oninput="filterTable(1)"属性的同时实现表单提交修改功能
<script> //反选 function changeCheck() { // 获取所有的复选框元素 var checkboxs = document.getElementsByTagName('input'); // 遍历所有复选框 for (var i = 0; i < checkboxs.length; i++) { // 如果当前元素是复选框,而且它的类型是checkbox if (checkboxs[i].type == 'checkbox') { // 判断当前复选框是否选中 if (checkboxs[i].checked) { // 如果选中,就取消选中 checkboxs[i].checked = false; } else { // 如果没有选中,就选中它 checkboxs[i].checked = true; } } } } $(function() { // 删除功能 $(".delete_item").click(function() { $(this).closest("tr").remove(); }); // 批量删除功能 $("#deleteAll").click(function() { $(".check_item:checked").each(function() { $(this).closest("tr").remove(); }); }); }); </script> </head> <body>
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)