Web开发实用JS与HTML代码片段集合

需积分: 10 4 下载量 59 浏览量 更新于2024-07-30 收藏 160KB DOC 举报
"本文档包含了常用的JavaScript代码和HTML代码片段,适用于Web开发,可以直接使用,无需额外测试。" 在Web开发中,JavaScript和HTML是构建交互式和动态网页的基石。文档中提到了一些关键点: 1. **CSS**: - CSS(层叠样式表)用于定义网页元素的外观和布局。它可以通过`class`或`id`来选择和应用样式。`class`通常用于多元素共享同一样式,而`id`则是唯一标识一个元素,适用于特定的样式需求。例如: ```css .myClass { font-size: 10pt; color: red; } #myID { font-size: 12pt; color: blue; } ``` 在HTML中,我们可以这样使用它们: ```html <p class="myClass">这是使用类的文本</p> <div id="myID">这是使用ID的文本</div> ``` 2. **JavaScript取整**: - JavaScript中的`parseInt`函数用于将字符串转换为整数。例如,如果你有一个包含数字的字符串`var str = "123.45"`,你可以用`parseInt(str)`得到整数`123`。 3. **JavaScrip与JSP的交互**: - 文档提到了“通过传参使jsp和javascript通讯”,这意味着在Web应用程序中,JavaScript可能需要获取服务器端(如JSP)的数据。这通常通过在HTML中设置隐藏字段、URL参数或使用AJAX请求来实现。例如,可以使用JavaScript的`XMLHttpRequest`对象或者现代浏览器的`fetch` API向服务器发送请求,并处理响应。 4. **Flash加载代码**: - 在过去,为了在网页中嵌入动画或交互式内容,常常使用Flash。这段代码展示了如何使用HTML的`object`和`embed`标签来插入一个Flash文件。不过需要注意的是,随着HTML5的普及和Flash的退役,现在更倾向于使用HTML5的`canvas`、`svg`等元素或者WebGL技术来实现类似功能。 这些代码示例展示了Web开发的基础知识,对于任何想要学习或已经在进行Web开发的人来说都非常有用。JavaScript负责网页的动态行为,HTML定义结构,而CSS则处理样式,三者共同构建了丰富的用户体验。随着技术的发展,如React、Vue、Angular等前端框架的出现,现代Web开发已经变得更加复杂和高效,但JavaScript、HTML和CSS仍然是基础。了解和熟练掌握这些基本语言是每个Web开发者必备的技能。