开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么我的javascript嵌入到我的HTML随机列表不起作用？

可能有几个原因导致您的JavaScript嵌入到HTML的随机列表中不起作用：

语法错误：请确保您的JavaScript代码没有语法错误。检查括号、分号、引号等是否正确闭合，并确保函数和变量的命名正确。
脚本位置：确保您的JavaScript代码位于HTML文件中正确的位置。通常，将脚本放在<head>标签中或页面底部的<body>标签之前是最佳实践。
DOM元素加载：如果您的JavaScript代码尝试操作HTML元素，确保它们在脚本运行时已经加载完毕。可以使用DOMContentLoaded事件或将脚本放在<body>标签底部来确保DOM元素已加载。
随机列表生成：检查您的随机列表生成代码是否正确。确保您使用了正确的HTML标签和属性来创建列表，并且列表项的内容是正确的。
事件绑定：如果您的JavaScript代码依赖于事件触发，请确保您正确地绑定了事件处理程序。例如，如果您希望在点击列表项时触发某个函数，您需要使用addEventListener方法将事件处理程序绑定到相应的元素上。

如果您提供更具体的代码和问题描述，我可以给出更详细的答案和解决方案。

相关搜索:为什么嵌入的页面找不到我的JavaScript函数？为什么我不能将javascript附加到我的html？为什么我无法将内容添加到我的html页面？为什么我的CSS文件没有链接到我的HTML文件？为什么我的CSS样式表没有链接到我的HTML文件？为什么我的html不能加载到我的WKWebView中为什么我的html代码不能调用我的javascript代码？为什么我的html导入标签不起作用？为什么我的html链接不起作用？为什么我的img没有加载到我的html页面？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

为什么我的样式不起作用？

还有一个Child的子组件，红底黑字。那么实际渲染出的样式是什么样子的呢。如下图: ? 实际看到的效果确实蓝底白字与红底白字，为什么与写的代码有出入呢。...究其原因 为什么子组件的字体颜色不是黑色确是白色? ?...这就要涉及到浏览器渲染原理与css的浏览器解析原则则了浏览器渲染浏览器将获取的HTML文档解析成DOM树。处理CSS标记，构成层叠样式表模型CSSOM(CSS Object Model)。...而在实际情况中，JavaScript和CSS的某些操作往往会多次修改DOM或者CSSOM。...最后文章首发于：为什么我的样式不起作用？参考：浏览器渲染原理与过程参考：CSS选择器从右向左的匹配规则 DEMO地址

4.1K2 0

html的base标签为什么不起作用

我今天尝试编译一个Angular4的应用，并部署到服务器的一个路径上去，由于不是根路径因此我使用了下面的语句： ng build -prod -bh /rel 自然的Angular应用index.html...里的语句就变成了：但，当我用http://localhost:8080/rel打开网页时却提示Loading......上网自学一番收获如下： https://stackoverflow.com/questions/11521011/why-base-tag-does-not-work-for-relative-paths 总结得票最高的：...base配合相对路径使用，不要在路径前使用/，这不是相对路径，这是相对于Root的绝对路径； href后面跟反斜杠/，表明这是一个目录我上面的问题即在/rel后面加反斜杠完成。...原文地址：http://blog.techcave.cn/2017/08/30/html%E7%9A%84base%E6%A0%87%E7%AD%BE%E4%B8%BA%E4%BB%80%E4%B9%88%

1.8K2 0

为什么HTML Action突然成为JavaScript的趋势

译自 Why HTML Actions Are Suddenly a JavaScript Trend，作者 Loraine Lawson。 Action 并不新鲜。...“发生的事情是，随着 JavaScript 的引入——我们都喜欢 JavaScript——最终有可能构建客户端密集型 Web 应用程序，这些应用程序提供了比行为仅限于服务器的应用程序更丰富、更具交互性的体验...此外，由于事件处理程序依赖于 JavaScript，因此在代码加载并运行之前，UI 不会交互，与原始 HTML 相比，这很慢，并且会导致交互中断。...所以……等等，为什么 React 要添加 action ？本月，React Actions 从金丝雀频道（自去年夏天以来一直存在）进入 React。...他指出，这一点提出了一个问题：如果基于 action 的 API 在 React 框架中已经存在，为什么要将它们构建到 React 中？

821 0

为什么我喜欢JavaScript的Optional Chaining

正文共：1946 字预计阅读时间：10 分钟作者：Dmitri Pavlutin 翻译：疯狂的技术宅来源：dmitripavlutin ? JavaScript 的特性极大地改变了你的编码方式。...问题由于 JavaScript 的动态特性，对象可以有区别很大的嵌套对象结构。...这就是我喜欢 optional chaining 的原因。 2.1 数组项但是 optional chaining 功能可以做更多的事情。...确保第一个 actor 存在于列表中。很好！ 3. nullish 合并名为 nullish coalescing operator 的新提案建议用 ??...为什么我喜欢它？我喜欢 optional chaining 运算符，因为它允许从嵌套对象轻松访问属性。它可以减少通过编写样板文件来验证来自访问器链的每个属性访问器上无效值的工作。

1.1K3 0

为什么我的模型准确率都 90% 了，却不起作用？

举例来说，在处理用户流失（指用户在一段时间之后不再继续使用公司产品的情况）这类市场问题预测时，流失用户所占的百分比一般都会远低于留存用户的。...如果说这个例子里分类是八比二的话，那么只会有 20% 的用户终止了与公司继续接触，剩下 80% 的用户则会继续使用公司产品。但问题是，这 20% 的用户流失可能对公司非常的重要。...但在处理这类二元分类模型时，样本数量不平衡的两个类别通常会让事情变得棘手，而大多数的数据分析师所依赖的精度指标也并不是万能的。...成功的预测将为模型加分，而失败的预测也会有一定的扣分。...这种情况中的假正可能也就是多发几封邮件，你大概率也不会在意有五百个对产品非常忠诚的客户会受到多余邮件而造成的浪费，我们希望的是能通过消息提醒，保留住那些潜在的客户流失。

1.8K3 0

为什么我对JavaScript的未来持乐观态度？

我对JavaScript持乐观态度。开发人员希望编写 JavaScript，并希望它能在浏览器、服务器或 Edge运行。...JavaScript：在浏览器中今天，Web 开发人员编写特定于供应商的 JavaScript 或特定于供应商的 CSS 选择器的时间比以往任何时候都更少。...但这是目前最好的，我很乐观。由于不需要花一周的时间去研究深奥的IE错误，数千（或数百万）的开发者时间将被累计节省。下面是一个例子，说明这种排列组合如何使所有的 web 开发者受益。...我对服务器上的 JavaScript（和 TypeScript）感到乐观。这不仅仅是 fetch。...在这种情况下，我将使用 Vercel Edge Function。但也可以是其他边缘计算平台，如 Cloudflare 或 Deno。对我来说，这段代码最好的部分实际上是它相当无聊。

8853 0

关于web前端大作业的HTML网页设计——我的班级网页HTML+CSS+JavaScript

：【HTML七夕情人节表白网页制作 (110套) 】超炫酷的Echarts大屏可视化源码：【 echarts大屏展示大数据平台可视化(150套) 】免费且实用的WEB前端学习指南：【web前端零基础到高级学习视频教程...一、‍网站题目个人网页设计、‍♂️个人简历制作、‍简单静态HTML个人网页作品、‍个人介绍网站模板、等网站的设计与制作。... 二、✍️网站描述 ⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构...网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。...其中：（1）html文件包含：其中index.html是首页、其他html为二级页面；（2） css文件包含：css全部页面样式,文字滚动, 图片放大等；（3） js文件包含：js实现动态轮播特效

1.6K2 0

基于HTML+CSS+JavaScript我的学校设计毕业论文源码

然而，对于技术的探索和追求从未停歇。坚持原创，热衷分享，初心未改，继往开来！一、‍网站题目校园班级网页设计、‍我的班级网页、我的学校、‍校园社团、校园运动会、等网站的设计与制作。... 二、✍️网站描述 ️HTML我的班级网页设计，采用DIV+CSS布局，共有多个页面，排版整洁，内容丰富，主题鲜明，首页使用CSS排版比较丰富，色彩鲜明有活力，导航与正文字体分别设置不同字号大小...“坚定”和“信念”是理性之人的名字。我也算个理性的人，太理性，以至于生活中缺少了很多激动。...，孩子们很快就和我打成了一片，在他们的眼里，我的一切都是新鲜的。...这是支教活动中的最后一节美术课了，这节课我觉得非常可贵，孩子们已经完成画画好几次了，她们的画作已经有一些进步了。

7512 0

我的DW个人网站设计——安徽宣城6页HTML+CSS+JavaScript

家乡旅游景点网页作业制作网页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒子设定居中，内部左中右布局，下方横向浮动排列，大学学习的前端知识点和布局方式都有运用...，CSS的代码量也很足、很细致，使用hover来完成过渡效果、鼠标滑过效果等，使用表格、表单补充模块，为方便新手学习页面中没有使用js有需要的可以自行添加。...2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html...3.知识应用：技术方面主要应用了网页知识中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了Logo（源文件）所需的知识点...href="shipin.html">宣城视频美食图片 <a href="zhuce.<em>html</em>

5525 0

基于HTML+CSS+JavaScript制作简单的大学生网页设计——我的家乡湖南

家乡旅游景点网页作业制作网页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒子设定居中，内部左中右布局，下方横向浮动排列，大学学习的前端知识点和布局方式都有运用...，CSS的代码量也很足、很细致，使用hover来完成过渡效果、鼠标滑过效果等，使用表格、表单补充模块，为方便新手学习页面中没有使用js有需要的可以自行添加。...3.知识应用：技术方面主要应用了网页知识中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了Logo（源文件）所需的知识点...="jiaotong.html">交通历史文化 <a href="mingyoutechan.<em>html</em>...网站前端程序不仅要能够把用户要求<em>的</em>内容呈现出来，还要满足布局良好、界面美观、配色优雅、表现形式多样等要求。

8352 0

情人节程序员用HTML网页表白【告白气球，飞入我的心扉】 HTML5七夕情人节表白网页源码 HTML+CSS+JavaScript

这是程序员表白系列中的100款网站表白之一，旨在让任何人都能使用并创建自己的表白网站给心爱的人看。...@TOC一、网页介绍1 网页简介：基于 HTML+CSS+JavaScript 制作七夕情人节表白网页、生日祝福、七夕告白、求婚、浪漫爱情3D相册、炫酷代码 ,快来制作一款高端的表白网页送(他/她)浪漫的告白...++ 等任意html编辑软件进行运行及修改编辑等操作）。...DOCTYPE html> ---三、精彩专栏看到这里了就【点赞，关注，收藏】三连支持下吧，你的支持是我创作的动力。

3872 0

反射跨站脚本（XSS）示例

模糊是将随机和非随机参数，值和数据添加到请求以查看应用程序是否以意想不到的方式回复的过程。这可以用于XSS，但也可以用于更复杂的漏洞。...以下示例显示如何阅读Javascript代码可能非常有用。正如你可以看到我们的请求有2个参数。这是一个非常简单的要求。这两个参数都不是脆弱的。...此外，这个错误被发现一个大型的私人bug赏金计划。从图片你可以看到我们的XSS过滤器不喜欢脚本标记，但是我们插入尖括号，而不编码它们。以下屏幕截图显示，如果您插入随机标签，则会将其删除。...确保在有效载荷列表中有几种类型的编码。此外，正如已经解释的，尽量不要使用自动化工具。在当时试试一个角色，找到解决方法，如果有的话。在这种情况下，我不得不放在一起，以绕过过滤器。...如果您阅读代码，您会注意到我们正在调用slice（）函数并对objectId执行一些操作：http://help.adobe.com/zh_CN/AS2LCR/Flash_10.0/help.html?

2.8K7 0

【译】开始学习React - 概览和演示教程

当我刚开始学习JavaScript的时候，我就听说了React，但我承认看了它一眼，它吓到我了。我看到了看起来一堆HTML和CSS的混合思想，这不是我们一直努力避免的事情吗？...经过几次失败的React入门尝试之后，我终于开始了解它了，我开始明白为什么我可能想使用React而不是原始的JS或jQuery。...> 复制代码现在，如果你在浏览器上查看index.html，将看到我们创建的呈现给DOM的h1标签。...创建React App 我刚刚使用的是将JavaScript库加载到静态HTML页面中并动态渲染React和Babel的方法不是很有效，并很难维护。...你会注意到我已经向每个表行添加了一个键索引。在React中创建列表时，应始终使用key（键），因为它们有助于识别每个列表项。我们还将在需要操纵列表项的时刻看到这是必要的。

11.1K2 0

如何绕过XSS防护

\";alert('XSS');// 如果对嵌入的数据应用了正确的JSON或Javascript转义，而不是HTML编码，则完成脚本块并启动。...'XSS')"> IMG lowsrc： List-style-image：处理为项目符号列表嵌入图像的相当深奥的问题，这只适用于... 使用嵌入标记可以嵌入包含xss的Flash...这在任何现代浏览器中都无法工作，除非更改编码类型，这就是为什么将其标记为完全不受支持的原因。...因此，如果你的可利用页面是一些随机关键字的顶部（如你在这里看到的），你可以对任何Firefox用户使用该功能。这使用了Firefox的“keyword:”协议。

3.8K0 0

随机点名器制作来使用 HTML+JavaScript 来实现如下图所示的随机点名器，第一张图是随机点名器的初始页面，当点击开始按钮时，JS 程序中提前准备好人员（数组）名单会随机变换跳动显示，开始

~关注我带你看更多精品技术和面试必备么么哒点个赞呗! 1、使用 HTML+CSS 布局出如上图所示的随机点名器页面。...2、嵌入 JS 代码，定义要随机姓名数组变量，并初始化姓名信息。 3、为开始按钮添加点击事件，并编写定时器程序，随机显示姓名信息。...4、编写停止按钮事件处理程序，终止定时程序并显示随机出来的姓名信息，最后完成输出。话不多说直接上代码非常简单直接开源把他随机点名器 <style type="text...font-size: 25px; cursor: pointer; } <script type="text/javascript

2.5K2 0

怎样只使用 CSS 进行用户追踪？

因此，大多数等信息可以十分轻松的读取，并且可以立刻发送到服务端。这就是为什么出现越来越多的方式来阻止浏览器中跟踪器的原因。...其中一个诀窍是，例如 Google 分析总是从外部集成的，一段来自 Google CDN 的 JavaScript 代码。嵌入的 URL 总是相同的，因此可以轻松的将它阻止掉。...它提供了一个简单的 HTML 网站；如果访问设备是智能手机，则会调用 mobile 路由。并且我们的后端是唯一使用 JavaScript 的地方。...font-family: BlinkMacSystemFont, "Arial"; 当我在我们的网站嵌入这句代码时，我的 MacBook 使用第一种苹果标准字体，这字体只可以在 Mac OS 上使用。...你可能会认为由于它嵌入在 CSS 代码中，统计的可能并不准确，但事实并非如此。由于请求的体积十分小，并且立即作用在服务器上。我试了几次并测量了时间，最终测量的结果非常精确。很惊人，不是吗？

1.7K2 0

❤️使用 HTML、CSS 和 JS 创建在线音乐播放器(含免费完整源码)❤️

直接跳到末尾获取完整源码今天我将带着大家使用 HTML、CSS 和 JS创建音乐播放器，没有使用任何其他库。我们的音乐播放器具有三个部分。主屏幕、播放器部分和播放列表部分。...输出请注意，这是为移动视图设计的，这就是为什么我使用 chrome 检查器以移动尺寸查看它的原因。现在创建水平滚动播放列表。...我之前使用 HTML、CSS 和 JavaScript 制作了更多类型的小工具，如果您愿意，可以查看这些设计。...使用 HTML、CSS 和 JS 的简单倒数计时器使用 HTML、CSS 和 JavaScript 制作的随机密码生成器使用 HTML、CSS、JS 和 API 制作一个很棒的天气 Web 应用程序...使用 HTML、CSS 和 JS 创建响应式可过滤的游戏+工具展示页面 11个基于HTML/CSS/JS的情人节表白可爱小游戏、小动画【情人节主题征文】我已经写了很长一段时间的技术博客，并且主要通过

8K6 1

15 个初学者 JavaScript 项目来提高你的前端技能！

2、随机名言展现如果你需要一点动力，我可以满足你。在这个项目中，我们将构建一个配备大量励志名言的随机名言生成器。...我还学习了一个简单的算法，负责在用户每次单击按钮时生成一个随机报价。 3. 图片轮播需要一个应用程序来显示您所有的精美图片吗？...人们会认为使用数字时钟项目中的相同 setInterval 函数就足以显示正确的时间。事实证明，这种技术根本不起作用。...最难的部分是弄清楚如何将答案随机放在不同的盒子里，这样正确的答案就不会总是在同一个位置。我尽力自己弄清楚，但最终还是看了解决方案的教程。 13....我实际上已经在视频游戏中看到了这种效果。现在我可以在构建自己的游戏时使用它。就代码而言，有趣的是了解到我们并不总是需要 CSS 来制作很酷的动画。

1.7K2 0

Web 嵌入 | Electron 安全

0x01 简介大家好，今天和大家讨论的是 Web 嵌入，无论是网站还是应用程序，在部分场景下我们需要嵌入一些第三方的 web 内容，例如我写了篇技术文章，其中部分包含视频内容，我上传到 B 站上了，...我想把这段内容嵌入到我的技术文章中，就可能要使用 web 嵌入技术在 Electron 中有三种方式可以让你在Electron的BrowserWindow里集成（第三方）web内容，...JavaScript ，如果没有设置则不允许执行我们测试一下，iframe 远程加载我们的页面 http://192.168.31.216/1.html 1.html <!...，上面提到的 Electron 三大安全配置应该都在公众号上发表过了，大家可以想一下，我就为了让渲染进程或者渲染进程中的 iframe 执行个 Node.js ，为什么一定要关闭上下文隔离呢？...div 的通用标签，内部的内容会当作正常的 HTML 渲染，data 和内部的代码同时存在时，data 部分正常执行，内部的 HTML 似乎不会渲染在页面上显示，但是内部的 JavaScript 会正常执行

2371 0

为什么43%前端开发者想学Vue.js

根据JavaScript 2017前端库状况调查 Vue.js是开发者最想学的前端库。我在这里说明一下我为什么认为这也是和你一起通过使用Vue构建一个简单的App应用程序的原因。...我不打算告诉你为什么一个比另一个更好的，虽然在官方网站有一个详细的比较。 Vue.js旨在成为一个平易近人，多功能，高性能，可维护性，可测试的JavaScript框架。...Vue的核心库和生态系统需要规模。 ? 像其他的前端框架，Vue可以让你把网页分为可重用的逻辑组件。每一个都有它自己的HTML、CSS和JavaScript来渲染页面的每一部分。 ?...与许多JavaScript应用程序一样，我们从将数据显示到页面开始。 ? 用Vue开始构建很简单。 ? 你可以看到在上面的图片我们包括Vue库，创建Vue的实例，并插入到我们的根元素通过App的ID。...正如您在下面看到的，init命令可以用来启动一个新项目。 ? 我们还可以使用单文件——.Vue 组件文件，其中包含HTML，JavaScript，CSS甚至 SCSS。 ?

1.3K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭