【Web全栈工程师之路(三)——JavaScript篇(一)——JS在html页面里的结构】教程文章相关的互联网学习教程文章

javascript-Gulp.js:重新载入更改过的php / html页面【代码】

我在wordpress环境中运行了基本的gulp.js设置.除了重新加载已更改的.php文件的方式之外,一切都按我希望的方式运行.我有这样设置:gulp.task('php', function(){gulp.src('../*.php').pipe(livereload(server)); });gulp.task('watch', function() {server.listen(35729, function (err) {if (err) {return console.log(err)};gulp.watch('styl/src/*.scss', ['styl']);gulp.watch('js/src/*.js', ['js']);gulp.watch('../*.php', [...

javascript-如何在一个html页面上显示多个地图【代码】

我对html,css,javascript和传单非常陌生. 我尝试创建一个具有多个选项卡的html文件,并且在每个选项卡上我都希望显示一张不同的地图(左侧),其中包含有关该地图所显示内容的信息(右侧). 我发现this链接有关如何执行选项卡部分,并且我在地图部分上已有一个有效的示例,但是html文件上只有一个地图. 现在,我尝试将这两件事结合起来,但是只有一个地图可以正常工作(第一个),其他地图仅显示灰色,左上角可能只有一小块地图.但是,即使我尝试平...

JavaScript-Flot Charts-在单个HTML页面中处理多个浮动【代码】

我有一个实现到单个图表的显示器,并且想要扩展解决方案,以便3个图表具有相同的属性. 特别: >我要启用选择缩放双击以重置显示>我希望该系列的图例可以单击,以便每次单击即可打开/关闭该系列.我成功地基于previous posts实现了它们 Here’s a fiddle with 3 chart in a single page 这是我的原始代码(用coffeescript编写):colorArray = [] colorArray.push "rgba(180, 0, 75, 0.6)" colorArray.push "rgba(0, 150, 100, 0.6)"...

javascript-如何向我的html页面添加第二模式【代码】

我在上一篇文章中没有解释我的问题. 因此,我想在我的html页面中添加第二个模式,因此,如果单击“按钮1”,它将打开“模式1”,如果单击“按钮2”,它将打开“模式2”,但是会打开“模式3”. 4”“按钮5”和“按钮6”打开“模式2”.当我创建第二个模式并在下面设置JavaScript时.它将保持打开两个按钮上的模式2,而不是打开按钮1上的模式1. 另请注意,第一个按钮的ID为“免费” 另请注意,第二个按钮“ oneday”的ID<script> // Get the moda...

javascript-在电子HTML页面中未定义require()【代码】

我目前无法在main.js文件之外的Javascript文件中加载Electron模块. 我正在尝试使用: const electronic = require(‘electron’); const ipcRenderer = electronic.ipcRenderer; 在名为settings.js的文件中. 我安装了正确的NPM模块(电子预构建). 设置页面将加载到Web视图中,如下所示: < webview id =“ settings” src =“ ./ settings.html”>< / webview> 和settings.js包括如下: < script type =text / javascriptsrc =./ res...

HTML页面内的脚本编制上下文是否可以使用外部JavaScript源?【代码】

当引用外部JavaScript文件时,<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>可从当前HTML页面的DOM或窗口上下文中获得JavaScript源(解释前的代码行)吗?我的意思是仅使用标准JavaScript,而没有安装任何组件或工具. 我知道Firebug之类的工具可以追溯到外部源,但它已安装在平台上,并且可能在浏览器沙箱的上下文之外具有特殊功能.解决方法:不.没有Java语言API可以加载< script>的真实内容.标签.这实际上不是...

从WPF中的Web浏览器调用HTML页面中存在的JavaScript函数【代码】

我是WPF的新手.我在wpf应用程序中使用“ WebBroswer”来渲染Google地图.我有一个googlemap.htm页面,它包含一个initialize(lat,log)JavaScript函数.现在,我想从我的.xaml.cs文件中使用lat和log参数调用此函数. Googlemap.htm<script>function initialize(lat, log) {var mapProp = {center: new google.maps.LatLng(lat, log),zoom: 5,mapTypeId: google.maps.MapTypeId.ROADMAP};var map = new google.maps.Map(document.getElemen...

创建html页面并在javascript中打印到新标签页【代码】

将html页面创建为内联,并将该页面打开到新选项卡并显示打印视图 我试过这个代码但没有工作..var mywindow = window.open('', 'Print Report', 'height=400,width=600');mywindow.document.write('<html><head><title>Print Report</title>');mywindow.document.write('</head><body ><table border="1" style="width: 500px; height: 300px;">');mywindow.document.write(htmlTable);mywindow.document.write('</table></body><...

javascript – 访问对象标签的外部HTML页面内容【代码】

我已经搜索了这个问题的答案,但却找不到怎么做的方法. 我想访问我在对象标记中包含的div的内容. 我的include.htm文件:<div id="includedDiv">This is the included page</div>我尝试过的:<html> <head> <title>Get element from object included page</title> </head> <body> <p>Test: This is the main page</p> <object id="obj" data="include.htm"></object> <script> //alert(document.getElementById("includedDiv").first...

javascript – 在HTML页面中获取“position:fixed”的所有元素?【代码】

这样做的原因:我正在调试我的网页的CSS …一些元素出现了,它们不应该出现.我怀疑它是元素定位的问题..因此我想找到这些定位元素并逐一检查.解决方法:这个是使用jQuery.我希望你能找到它.var find = $('*').filter(function () { return $(this).css('position') == 'fixed';});我认为这个使用纯javascript工作:var elems = document.body.getElementsByTagName("*"); var len = elems.lengthfor (var i=0;i<len;i++) {if (window...

javascript – 启动时打开Karma debug.html页面【代码】

简短版本: 如何启动Karma并让它在与Karma启动页面相同的浏览器中自动打开debug.html文件? 长版: 我不是使用控制台记录器为Karma的忠实粉丝,所以我一直在使用karma-jasmine-html-reporter-livereload输出到Karma的localhost:9876 / debug.html文件.问题是,每次我开始调试会话时,我都必须单击业力打开的网页中的“调试”按钮. 我想找到一种方法让业力通过gulp任务自动打开debug.html页面.我在多个浏览器中运行测试,因此我希望在每...

javascript – 如何将jQuery代码添加到HTML页面【代码】

$(".icon-bg").click(function () {$(".btn").toggleClass("active");$(".icon-bg").toggleClass("active");$(".container").toggleClass("active");$(".box-upload").toggleClass("active");$(".box-caption").toggleClass("active");$(".box-tags").toggleClass("active");$(".private").toggleClass("active");$(".set-time-limit").toggleClass("active");$(".button").toggleClass("active"); });$(".button").click(function...

javascript – HTML页面禁用复制/粘贴【代码】

参见英文答案 > How to Disable Copy Paste (Browser) 9个在HTML页面中,不允许用户复制文本,但同时我想为用户提供选择特定文本的选项(用于突出显示目的).这意味着应禁用CTRL C并启用CTRL A. 谁能告诉我怎么做?解决方法:您无法阻止人们从您的网页复制文字.如果您正在尝试满足“要求”,这可能对您有用:<body oncopy="return false" oncut="return false" onpaste="return false">How to disabl...

javascript – 如何在html页面中获取除所有其他标记之外的所有p和h标记的值【代码】

我正在尝试将HTML页面加载到我的应用程序中.我只想显示HTML页面的内容.请帮我一个javascript函数,我可以循环遍历所有的p标签并获取< p>的内容.要在TextView中显示为字符串的标记.<html><body>" +"<h1>First</h1><p>text text text</p>" +"<h1>Second</h1>more text" +<p>text text text</p><p>text text text</p><p>text text text</p>"</body></html>解决方法:如果您不想使用jQuery,只需执行以下操作:var paragraphs = document....

javascript代码在JSF xhtml页面中无效【代码】

这是fiddle上运行的代码你会看到它在这里运行得很好但是当我在eclipse中使用glassfish服务器3.2.1在xhtml页面中运行此代码时它会出现此错误javax.servlet.ServletException: Error Parsing /MasterPage/MiDASMaster.xhtml: Error Traced[line: 135] Open quote is expected for attribute "{1}" associated with an element type "class".这是xhtml页面的代码(与小提琴完全相同)我也在Jsbin上尝试过<!DOCTYPE html PUBLIC "-//W3...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部