chrome扩展开发时，可不可以使用jquery？如果可以怎么在js引用？_course

本人想学习chrome应用开发， 可以遇到了一些小的问题，相比于js，我更熟悉jquery， 所以， 想问下可不可以引用jquery包。可以的话，应该怎么引用， 求代码！！！！

在js文件中包含jQuery_course

<div class="post-text" itemprop="text"> <p>I am developing chrome extension, it is a simple extension which call background.js file to do simple job. In background.js i want to include jquery.js file to call ajax function. But i can't find anyway to include jquery.js in background.js. is it possiable to do that?</p> <p>you know, extension call background.js and it does not call php or html file which include background.js so i can't use anything get involved in php or html</p> <p>Thanks in advance....</p> </div>

在 JavaScript 控制台中包含 jQuery_course

<div class="post-text" itemprop="text"> <p>Is there an easy way to include jQuery in the Chrome JavaScript console for sites that do not use it? For example, on a website I would like to get the number of rows in a table. I know this is really easy with jQuery.</p> <pre><code>$('element').length; </code></pre> <p>The site does not use jQuery. Can I add it in from the command line?</p> </div> <p>转载于:https://stackoverflow.com/questions/7474354/include-jquery-in-the-javascript-console</p>

谷歌Chrome Jquery onSelect不会运行_course

<div class="post-text" itemprop="text"> <p>I run the next script on IE and Nightly without any problems. But chrome wont run it for some reason...any Ideas ?</p> <pre><code>&lt;script&gt; $(function() { $('#date').datepicker({ dateFormat: 'yy-mm-dd', autoSize: true, onSelect: function (dateText, inst) { $(this).parent('#frmDate').submit(); } }); }); &lt;/script&gt; &lt;form id="frmDate" action="php/price_qury.php" method="post" target="_blank" onSubmit='window.open("width=450,height=300,status=yes,resizable=yes,scrollbars=yes)'&gt; &lt;input id="date" name="date" type="text" size="10"&gt; </code></pre> </div>

js或者jquery如何实现拖拽表格单元格内容交换_course

js或者jquery如何实现拖拽表格的其中一个单元格到其他单元格上放开鼠标后，2个单元格内容相互交换

js加载失， js加载失败。_course

只有 chrome有这种情况，其他浏览器正常。

chrome与ie兼容问题---js文件在chrome解析没有问题在ie解析报错_course

js文件在chrome解析没有问题在ie解析报错，下面有代码 ;(function(G) { "use strict" // 以下域名用从property的配置中来, jsp在header中输出 // 注意协议配置~ https 或者 http 必须配置正确~ // window.HOST_TMS_BASIC = "https://tms-basic.test.yunshanmeicai.com" // window.HOST_TMS2 = "https://tms2.test.yunshanmeicai.com" // window.HOST_TMS_CENTER = "https://tms-center.test.yunshanmeicai.com" // window.HOST_GIS = "http://gis.test.yunshanmeicai.com/" // conf // 多域名支持 let multiHost = true // 注意: // href 配置 // 多域名环境nav中href必须配置 window.location.href.split("?")[0] 例子: href: "https://tms-center.test.yunshanmeicai.com/controller/action" // 非多域名只需要配置 window.location.pathname href: "/controller/action" G.NAV_MENUS = [ ] $.ajax({ url:"/menu/getAllMenu", async:false, success: function(data){ // G.NAV_MENUS = data.menus; if(data.success){ // 修改http协议与浏览器的协议相一致 if(data.menus != null){ var currentProtocol = window.location.protocol; var menus = data.menus; for(var i=0;i < menus.length;i++){ if(menus[i].href != "" || menus[i].subMenu == null){ if(menus[i].href.indexOf("http:") != -1){ data.menus[i].href = menus[i].href.replace('http:',currentProtocol); }else if(menus[i].href.indexOf("https:") != -1){ data.menus[i].href = menus[i].href.replace('https:',currentProtocol); } }else{ var subMenus = menus[i].subMenu for(var j = 0;j <subMenus.length;j++){ if(subMenus[j].href != "" || subMenus[i].subMenu == null){ if(subMenus[j].href.indexOf("http:") != -1){ data.menus[i].subMenu[j].href = subMenus[j].href.replace('http:',currentProtocol); }else if(subMenus[j].href.indexOf("https:") != -1){ data.menus[i].subMenu[j].href = subMenus[j].href.replace('https:',currentProtocol); } }else{ var grandsonMenus = subMenus[j].subMenu; for(var k = 0;k < grandsonMenus.length;k++){ if(grandsonMenus[k].href != ""){ if(grandsonMenus[k].href.indexOf("http:") != -1){ data.menus[i].subMenu[j].subMenu[k].href = grandsonMenus[k].href.replace('http:',currentProtocol); }else if(grandsonMenus[k].href.indexOf("https:") != -1){ data.menus[i].subMenu[j].subMenu[k].href = grandsonMenus[k].href.replace('https:',currentProtocol); } } } } } } } } G.NAV_MENUS = data.menus; } } }); let navStyle = ' .nav li.active { background-color: #346190; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu>a:after { display: block; content: ''; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover>a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }' if(!G.HOST_TMS_BASIC || !G.HOST_TMS2 || !G.HOST_TMS_CENTER || !G.NAV_MENUS || !G.HOST_TMC_MONITOR || !G.HOST_TMS_TRACK) { alert('!G.HOST_TMS_BASIC || !G.HOST_TMS2 || !G.HOST_TMS_CENTER || !G.NAV_MENUS || !G.HOST_TMC_MONITOR || !G.HOST_TMS_TRACK') } if(G.NAV_MENUS && Array.isArray(G.NAV_MENUS)) { var style = document.createElement("style") style.innerHTML = navStyle document.body.appendChild(style) let pathname = multiHost ? window.location.href.split("?")[0] : window.location.pathname document.querySelector(".nav.navbar-nav.navbar-left").innerHTML = renderNav(NAV_MENUS, pathname) let $breadCurmb = document.querySelector("#tmc_breadcrumb") $breadCurmb.style.display = "" $breadCurmb.innerHTML = renderBreadCurmb(NAV_MENUS, pathname) // 干掉sso导致的俩面包屑 let _breads = document.querySelectorAll(".breadcrumb") if(_breads.length <= 1) { return } _breads = [].slice.call(_breads) _breads.shift() for(let _bread of _breads) { _bread.parentElement.removeChild(_bread) } } /** * 渲染面包屑导航 * @param array navs * @param string path * @return string * @author xiaofeng */ function renderBreadCurmb(navs, path) { let breadCurmb = "" let paths = findPath(navs, path) if(paths.length === 0) { return breadCurmb } let activePath = paths.pop() for(let path of paths) { breadCurmb += `<li><a href="${path.href ? path.href : '#'}">${path.text}</a></li>` } breadCurmb += `<li class="active">${activePath.text}</li>` return breadCurmb } /** * bootstrap3 层级菜单 * @param array navs [menu1, menu2, ...] menu结构见下方 * @param string path * @return string * @author xiaofeng * * menu 结构 * { * isDivider: false, 是否分隔线,可选,默认false * // 废弃，修改为自动处理 isActive: false, 是否激活,可选,默认false * href: "#", 链接,可选,默认# * target: "", target,可选,默认"" * text: "",导航文本,必填!!! * subMenu: [], 子菜单,可选,递归嵌入menu结构 * } * */ function renderNav(navs, path) { "use strict" function _menu(menus, arr) { arr.push(`<ul class="dropdown-menu">`) for(let menu of menus) { if(menu.isDivider) { arr.push(`<li class="divider"></li>`) continue } let hasSubmenu = Array.isArray(menu.subMenu) && menu.subMenu.length > 0 if(hasSubmenu) { arr.push(`<li class="dropdown-submenu">`) arr.push(`<a href="#" class="dropdown-toggle" data-toggle="dropdown">${menu.text}</a>`) _menu(menu.subMenu, arr) arr.push(`</li>`) } else { arr.push(`<li class="${menu.isActive ? 'active' : ''}">`) arr.push(`<a href="${menu.href ? menu.href : '#'}" target="${menu.target ? menu.target : ''}">${menu.text}</a>`) arr.push(`</li>`) } } arr.push(`</ul>`) } // 激活当前path父菜单 active(navs, path) let arr = [] // arr.push(`<ul class="nav navbar-nav navbar-left">`) for(let nav of navs) { if(nav.isDivider) continue let hasSubmenu = Array.isArray(nav.subMenu) && nav.subMenu.length > 0 if(hasSubmenu) { arr.push(`<li class="${nav.isActive ? 'active' : ''}">`) arr.push(`<a href="" class="dropdown-toggle" data-toggle="dropdown">${nav.text}<b class="caret"></b></a>`) _menu(nav.subMenu, arr) arr.push(`</li>`) } else { arr.push(`<li class="${nav.isActive ? 'active' : ''}">`) arr.push(`<a href="${nav.href ? nav.href : '#'}" target="${nav.target ? nav.target : ''}">${nav.text}</a>`) arr.push(`</li>`) } } // arr.push(`</ul>`) return arr.join("") } /** * 标记激活 * @param array navs 导航配置 * @param string path path * @author xiaofeng */ function active(navs, path) { "use strict" if(!path || path === "/") { for(let nav of navs) { if(nav.isDivider) continue nav.isActive = true return } return } function _inMenu(menus, path) { for(let menu of menus) { if(menu.isDivider) continue let hasSubmenu = Array.isArray(menu.subMenu) && menu.subMenu.length > 0 if(hasSubmenu) { if(_inMenu(menu.subMenu, path)) { return true } } else if(menu.href === path) { return true } } return false } for(let nav of navs) { if(nav.isDivider) continue let hasSubmenu = Array.isArray(nav.subMenu) && nav.subMenu.length > 0 let isActive = false if(hasSubmenu) { isActive = _inMenu(nav.subMenu, path) } else if (nav.href === path) { nav.isActive = true } nav.isActive = isActive } } /** * 寻找无级菜单路径 * @param array navs * @param string path * @return array * @author xiaofeng */ function findPath(navs, path) { "use strict" // index if(!path || path === "/") { for(let nav of navs) { if(nav.isDivider) continue return [nav] } return [] } function _findPath(menus, path, paths) { for(let menu of menus) { if(menu.isDivider) continue paths.push(menu) let hasSubmenu = Array.isArray(menu.subMenu) && menu.subMenu.length > 0 if(hasSubmenu) { if(_findPath(menu.subMenu, path, paths)) { return true } else { paths.pop() } } else if(menu.href === path) { return true } else { paths.pop() } } return false } let paths = [] _findPath(navs, path, paths) return paths } } (window))

Jquery.form.js 跨域上传文件IE9异常_course

Jquery.form.js 跨域上传文件,chrome都能正常得到返回值，而IE一直是返回当前页面的HTML图片说图片说明](

Ajax Post错误Chrome_course

<div class="post-text" itemprop="text"> <p>I'm looking to send my form details through ajax, but every time I hit Submit button, I get the error</p> <pre><code> POST http://192.***.**.***:****/api/csl net::ERR_CONNECTION_TIMED_OUT m.ajaxTransport.send @ jquery.min.js:4 m.extend.ajax @ jquery.min.js:4 (anonymous function) @ index.html:278 m.event.dispatch @ jquery.min.js:3 m.event.add.r.handle @ jquery.min.js:3 m.event.trigger @ jquery.min.js:3 (anonymous function) @ jquery.min.js:3 m.extend.each @ jquery.min.js:2 m.fn.m.each @ jquery.min.js:2 m.fn.extend.trigger @ jquery.min.js:3 m.each.m.fn.(anonymous function) @ jquery.min.js:4 (anonymous function) @ index.html:223 m.event.dispatch @ jquery.min.js:3 m.event.add.r.handle @ jquery.min.js:3 </code></pre> <p>and</p> <pre><code> Uncaught SyntaxError: Unexpected end of input on index line :1 </code></pre> <p>Here's the code where I'm having issues</p> <pre><code>$.ajax({ type: "POST", dataType: "json", //contentType: "application/x-www-from-urlencoded; charset=UTF-8", url: 'http://192.***.**.***:**/api/csl', data: source, success: function (data) { console.log("in ajax"); var resultsList = data; var source = $('#renderCalculation').html(); var template = Handlebars.compile(source); calcTable.html(template(resultsList)); $('#tblCalc td:nth-child(2)').each(function(d, e) { $(e).text("$" + parseFloat($(this).text()).formatMoney(2)); }); }, error: function (error) { jsonValue = jQuery.parseJSON(error.responseText); } }); }); </code></pre> <p>i got error from browser side</p> </div>

js如何实现隐藏chrome浏览器地址栏，鼠标移到上面显示url地址信息，鼠标移走隐藏url地址信息？_course

1.用户登录成功后跳转到主界面，主界面隐藏地址栏信息，当用户鼠标移动到顶部，显示地址栏url信息，鼠标移走后隐藏url信息。 2.效果像Ie浏览器全屏模式下的效果； 3.chrome浏览器达到上述效果；

禁用按钮属性在Google Chrome中无效_course

<div class="post-text" itemprop="text"> <p>I have a button <strong>Upload</strong> where in file will be uploaded, But the requirement is when is selected a file and then press <strong>Upload</strong> button.The button should be disabled until the process occurs with complete validation issues.</p> <p>The code i have written is shown below.</p> <pre><code> &lt;form id='FM_EmployeeUpload' name='FM_EmployeeUpload' method='post' action='new_S_EmployeeUpload.php' enctype='multipart/form-data'&gt; echo('&lt;input type="submit" class="btn btn-lg pull-left" name="submit" onClick="DisableButton();" id="Upload" value="UPLOAD"/&gt;&amp;nbsp;'); &lt;/form&gt; function DisableButton(){ document.getElementById("Upload").disabled = true; } </code></pre> <p>Now the problem arises with the <strong>Browsers</strong> when i do this task on <strong>Firefox</strong> if there is error in uploading the file Validation issues will takes place and it will work perfect.The screen shot is shown below. <img src="https://i.stack.imgur.com/24r4X.png" alt=" IN FIREFOX"></p> <p>But the same code i run in <strong>Google Chrome</strong> No validation nothing will happen ony the button will e <code>disabled</code> some what looks like this.</p> <p><img src="https://i.stack.imgur.com/nuD2S.png" alt="IN CHROME"></p> <p>What is the main issue regarding the problem. Any help appreciated.</p> </div>

pdf文件在线打开，使用jquery.media.js插件问题_course

如题，在极速模式下可以在线打开浏览pdf文件，但是用急速模式或者用ie浏览器就会直接提示下载，有没有用过这个插件的朋友告诉声该怎么解决呢，因为是做网站，所以这个兼容模式和急速模式必须要考虑进去

jQuery UI怎样怎样正确使用_course

各位大神，求助 初次接触jQuery UI，不知道怎样能够应用到自己的页面中。我在http://jqueryui.com/themeroller/中下载了一个主题，下载后的文件解压如下图：  我在自己的页面中引用如下， ``` <head> <title></title> <link href="jquery-ui.css" rel="stylesheet" type="text/css" /> <style> #gragdiv { width:100px; height:100px; background-color:#eeffee; border:1px solid black; padding:5px; } </style> <script src="js/jquery-ui.js" type="text/javascript"></script> <script src="js/jQuery.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#gragdiv").draggable(); }) </script> </head> <body> <div id=gragdiv>drag this element around the page</div> </body> </html> ``` 是为了学习jQuery UI的基本交互功能，但是不能够实现。 我应该怎样做，或者是要引用那些脚本才能够使用jQuery UI 这个库。

chrome 调用打印机打印文件_course

在chrome浏览器下调用打印打印文件怎么实现？有没有类似于ie的activex控件？

vue import jquery $.ajax 为 undefind_course

> 使用 vue 时, 在main.js中import jquery ```js import $ from 'jquery' ``` <br> > 在Chrome控制台 $ 可以使用, 但是$.ajax 为undefind > 但是把 $ 赋给全局对象之后, $.ajax 就可以使用了 ```js window.$ = $; ``` <br> 有没有人说一下为什么啊, 拜托拜托

Chrome继续增加使用的内存，并在循环刷新后最终崩溃_course

<div class="post-text" itemprop="text"> <p>I have an auto refresh for updating data after a countdown sec and the task manager of chrome shows that the used memory will be increased(the increased amount depends on content of page) and I guess this is the root cause for the crash issue.</p> <p>I have tried Firefox and it better than chrome (crash issue is not always happen but not solved this issue).</p> <p>my content of page is through php and use some jQuery to control the view's element.</p> <p>I have no idea where can I begin for this problem (the usage of javascript or ?),</p> <p>Any suggestion or experience will be appreciated!</p> <p>=========</p> <p>Below function will be fired after a specific countdown sec for updating data and inject into the tag</p> <pre><code>function update_game_info_page(){ if (sec === 0) { $.ajax({ url: '/mgt/main/ajax_game_info_page', type:"GET", dataType:'text', success: function( data ) { $("#game_info").html( data ); } }); clearInterval(countdown); } sec--; } </code></pre> <p>=======</p> <p>My target is have a page like </p> <p><a href="http://www.sportsbookreview.com/betting-odds/#/odds/nba/game/pointspread.html" rel="nofollow">http://www.sportsbookreview.com/betting-odds/#/odds/nba/game/pointspread.html</a></p> <p>and this page is continue updating data without any increasing memory , I'd like to know how to do (php give a json data object for jquery and jquery show the content of html?) , any example will be also appreciated!</p> </div>

专为程序员设计的数学课_course

<p> 限时福利限时福利，<span>15000+程序员的选择！</span> </p> <p> 购课后添加学习助手（微信号：csdn590），按提示消息领取编程大礼包！并获取讲师答疑服务！ </p> <p> <br> </p> <p> 套餐中一共包含5门程序员必学的数学课程（共47讲） </p> <p> 课程1：《零基础入门微积分》 </p> <p> 课程2：《数理统计与概率论》 </p> <p> 课程3：《代码学习线性代数》 </p> <p> 课程4：《数据处理的最优化》 </p> <p> 课程5：《马尔可夫随机过程》 </p> <p> <br> </p> <p> 哪些人适合学习这门课程？ </p> <p> 1）大学生，平时只学习了数学理论，并未接触如何应用数学解决编程问题； </p> <p> 2）对算法、数据结构掌握程度薄弱的人，数学可以让你更好的理解算法、数据结构原理及应用； </p> <p> 3）看不懂大牛代码设计思想的人，因为所有的程序设计底层逻辑都是数学； </p> <p> 4）想学习新技术，如：人工智能、机器学习、深度学习等，这门课程是你的必修课程； </p> <p> 5）想修炼更好的编程内功，在遇到问题时可以灵活的应用数学思维解决问题。 </p> <p> <br> </p> <p> 在这门「专为程序员设计的数学课」系列课中，我们保证你能收获到这些:<br> <br> <span> </span> </p> <p class="ql-long-24357476"> <span class="ql-author-24357476">①价值300元编程课程大礼包</span> </p> <p class="ql-long-24357476"> <span class="ql-author-24357476">②应用数学优化代码的实操方法</span> </p> <p class="ql-long-24357476"> <span class="ql-author-24357476">③数学理论在编程实战中的应用</span> </p> <p class="ql-long-24357476"> <span class="ql-author-24357476">④程序员必学的5大数学知识</span> </p> <p class="ql-long-24357476"> <span class="ql-author-24357476">⑤人工智能领域必修数学课</span> </p> <p> <br> 备注：此课程只讲程序员所需要的数学，即使你数学基础薄弱，也能听懂，只需要初中的数学知识就足矣。<br> <br> 如何听课？ </p> <p> 1、登录CSDN学院 APP 在我的课程中进行学习； </p> <p> 2、登录CSDN学院官网。 </p> <p> <br> </p> <p> 购课后如何领取免费赠送的编程大礼包和加入答疑群？ </p> <p> 购课后，添加助教微信：<span> csdn590</span>，按提示领取编程大礼包，或观看付费视频的第一节内容扫码进群答疑交流！ </p> <p> <img src="https://img-bss.csdn.net/201912251155398753.jpg" alt=""> </p>