js jquery 浏览器不支持select()方法;

IE版本是11,win7,用select()方法死活不支持,select方法能用但是我不需要啊
jQuery版本是2.2.0,网上搜了也没找到原因,望大神告知

1个回答

jquery 的 select()是绑定事件、如果你是要全选元素中内容要用原生dom的select()。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
javascript jquery加载异常
``` <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="text/javascript" src="../js/jquery-3.1.1.js"></script> <script type="text/javascript" src="../bootstrap/js/bootstrap.js"></script> <script type="text/javascript" src="../bootstrap/js/bootstrap-datetimepicker.js"></script> <script type="text/javascript" src="../bootstrap/js/locales/bootstrap-datetimepicker.zh-CN.js"></script> <script type="text/javascript" src="../js/jquery.cookie.js"></script> <script type="text/javascript" src="../js/pages/main.js"></script> <link rel="stylesheet" href="../bootstrap/css/bootstrap-datetimepicker.css"> <link rel="stylesheet" href="../style/main.css"> <!-- 支持屏幕 --> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <style> *{ font-family:"微软雅黑"; } .form_datetime{ position:relative; z-index:9999; } </style> <script type="text/javascript"> $(function(){ //分页显示 //上一页 var n=0; list(n); $("#pageup").click(function(){ n=n-10; if(n<0){ n=0; } $("#table_content").empty(); list(n); }); $("#page_1").click(function(){ n=0; $("#table_content").empty(); list(n); }); $("#page_2").click(function(){ n=10; $("#table_content").empty(); list(n); }); $("#page_3").click(function(){ n=20; $("#table_content").empty(); list(n); }); $("#page_4").click(function(){ n=30; $("#table_content").empty(); list(n); }); $("#page_5").click(function(){ n=40; $("#table_content").empty(); list(n); }); $("#pagedown").click(function(){ n=n+10; $("#table_content").empty(); list(n); }); //新增 $("#btn_new_save").click(function(){ var info_type=$("#iframe_new").contents().find("#info_type").val();//信息类别 alert(info_type); var type=$("#iframe_new").contents().find("#type").val();//产品类别 var type=$("#iframe_new").contents().find("#type").val();//类型 var release1=$("#iframe_new").contents().find("#release1").val();//发布时间 var effective_s=$("#iframe_new").contents().find("#effective_s").val();//开始时间 var effective_o=$("#iframe_new").contents().find("#effective_o").val();//结束时间 var compete=$("#iframe_new").contents().find("#compete").val();//竞争对手 var region=$("#iframe_new").contents().find("#region").val();//地区 var product=$("#iframe_new").contents().find("#product").val();//产品 var source=$("#iframe_new").contents().find("#source").val();//信息来源 var content=$("#iframe_new").contents().find("#content").val();//主要内容 var impact=$("#iframe_new").contents().find("#impact").val();//影响 $.ajax({ url:"http://localhost:8080/analysis/info/insertall.do", type:"post", data:{"info_type":info_type,"type":type,"release1":release1,"effective_s":effective_s,"effective_o":effective_o, "compete":compete,"region":region,"product":product,"source":source,"content":content,"impact":impact }, resultType:"json", success:function(result){ window.location.href="main.html"; } }); }); //删除 $("#btn_delete").click(function(){ $("input:checkbox[name='checkbox']:checked").each(function(){ id=$(this).val(); $.ajax({ url:"http://localhost:8080/analysis/info/deleteonebyid.do", type:"post", data:{"id":id}, resultType:"json", success:function(){ window.location.href="main.html"; } }); }); }); //修改 $("#modify_btn").click(function(){ var a=0; $("input:checkbox[name='checkbox']:checked").each(function(){ a=a+1; id=$(this).val(); if(a==1){ $.cookie("id",id); }else{ alert("请取消多选"); window.location.href="main.html"; } }); var modify2="<iframe class='embed-responsive-item' src='main/modify.html' id='iframe_modify' name='iframe_modify'></iframe>"; var $modify2=$(modify2); $("#modify_1").append($modify2); $("#btn_modify_save").click(function(){ var info_type=$("#iframe_modify").contents().find("#info_type").val();//信息类别 var type=$("#iframe_modify").contents().find("#type").val();//产品类别 var release1=$("#iframe_modify").contents().find("#release1").val();//发布时间 var effective_s=$("#iframe_modify").contents().find("#effective_s").val();//开始时间 var effective_o=$("#iframe_modify").contents().find("#effective_o").val();//结束时间 var compete=$("#iframe_modify").contents().find("#compete").val();//竞争对手 var region=$("#iframe_modify").contents().find("#region").val();//地区 var product=$("#iframe_modify").contents().find("#product").val();//产品 var source=$("#iframe_modify").contents().find("#source").val();//信息来源 var content=$("#iframe_modify").contents().find("#content").val();//主要内容 var impact=$("#iframe_modify").contents().find("#impact").val();//影响 $.ajax({ url:"http://localhost:8080/analysis/info/updatebyid.do", type:"post", data:{"id":id,"info_type":info_type,"type":type,"release1":release1,"effective_s":effective_s,"effective_o":effective_o, "compete":compete,"region":region,"product":product,"source":source,"content":content,"impact":impact }, resultType:"json", success:function(result){ window.location.href="main.html"; } }); }); }); //查询 $("#search-btn").click(function(){ var selectdata=$("#selectdata").val();//查询下拉选数据 var cont=$("#textdata").val(); $.cookie("selectdata",selectdata); $.cookie("cont",cont); $(".right").empty(); var ifra="<div class='embed-responsive embed-responsive-16by9'>"; ifra+="<iframe class='embed-responsive-item' src='main/search.html'></iframe>"; ifra+="</div>"; var $ifra=$(ifra); $(".right").append($ifra); }); }); </script> <link rel="stylesheet" href="../bootstrap/css/bootstrap.css"> </head> <body> <!-- top --> <div class="row"> <div class="col-md-12" style="height:50px;"> <img src="../image/logo.gif" class="img-responsive" alt="Responsive image" id="logo"> </div> </div> <div class="row"> <!-- left --> <div class="left"> <img src="../image/User.png" class="img-responsive center-block" alt="Responsive image"> <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="glyphicon glyphicon-th-large"></span> 情报信息 <span class="caret"></span> </button> <ul class="dropdown-menu" aria-labelledby="dropdownMenu2"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li role="separator" class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </div> </div> <!-- right --> <div class="right" id="right2"> <div id="info"> <ol class="breadcrumb"> <span class="glyphicon glyphicon-home"></span> <li><a href="#">情报信息</a></li> <li><a href="#" class="active">信息汇总</a></li> </ol> </div> <div id="function_a"> <!-- new delete modify --> <div class="btn-group" role="group" aria-label="..."> <button type="button" class="btn btn-default" data-toggle="modal" data-target="#new" id="new_btn"> <span class="glyphicon glyphicon-pencil"></span> 新建 </button> <button type="button" class="btn btn-default" data-toggle="modal" data-target="#modify" id="modify_btn"> <span class="glyphicon glyphicon-file"></span> 修改 </button> <button type="button" class="btn btn-default" id="btn_delete"> <span class="glyphicon glyphicon-trash"></span> 删除 </button> </div> <!-- 搜索 --> <form class="form-inline pull-right"> <div class="form-group"> <select class="form-control" id="selectdata"> <option value="1">模糊查询</option> <option value="2">2</option> <option value="3">3</option> </select> </div> <div class="form-group"> <input type="text" class="form-control" placeholder="请输入内容" id="textdata"> </div> <button type="submit" class="btn btn-default" id="search-btn"> <span class="glyphicon glyphicon-search"></span> </button> </form> <!-- 动态具体内容 --> <div id="table_content"> </div> <!-- 分页 --> <nav aria-label="Page navigation" id="table_content2"> <ul class="pagination "> <li> <a href="#" aria-label="Previous" id="pageup"> <span aria-hidden="true">&laquo;</span> </a> </li> <li><a href="#" id="page_1">1</a></li> <li><a href="#" id="page_2">2</a></li> <li><a href="#" id="page_3">3</a></li> <li><a href="#" id="page_4">4</a></li> <li><a href="#" id="page_5">5</a></li> <li> <a href="#" aria-label="Next" id="pagedown"> <span aria-hidden="true">&raquo;</span> </a> </li> </ul> </nav> <!-- 模态框绑定数据 --> <!-- 新建 --> <div class="modal fade" id="new" tabindex="-1" role="dialog" aria-labelledby="newLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-lable="Close"> <span aria-hidden="true">&times;</span> </button> <h4 class="modal-title" id="newLabel">新建</h4> </div> <div class="modal-body" id="new_body"> <div class="embed-responsive embed-responsive-4by3"> <iframe class="embed-responsive-item" src="main/new.html" id="iframe_new" name="iframe_new"></iframe> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">取消</button> <button type="button" class="btn btn-primary" id="btn_new_save">保存</button> </div> </div> </div> </div> <!-- 修改 --> <div class="modal fade" id="modify" tabindex="-1" role="dialog" aria-labelledby="modifyLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"> &times;</span></button> <h4 class="modal-title" id="modifyLabel">修改</h4> </div> <div class="modal-body"> <div class="embed-responsive embed-responsive-4by3" id="modify_1"> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">取消</button> <button type="button" class="btn btn-primary" id="btn_modify_save">保存</button> </div> </div> </div> </div> </div> </div> </div> </body> </html> ``` 当我点击第二部分的search-btn2按钮后,浏览器又重新加载了第一部分,求大神帮忙解决,把js放在页面最后也是同样的效果。
使用jquery-powerfloat.js来实现的悬浮层效果在IE7或者IE8下运行,导致页面卡住
一、问题描述 在最近开发的asp.net项目使用jquery-powerfloat.js来实现网页上的悬浮层效果,当鼠标悬浮在网页的某个字符串上时显示悬浮层,移出该字符串不显示悬浮层。但是在IE7或者IE8浏览器上运行时,会导致页面卡住。 ![IE7下页面卡住截图](https://img-ask.csdn.net/upload/201911/12/1573549904_306764.png) 二、代码片段 1、主页面前端代码 ``` <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainForm.aspx.cs" Inherits="powerFloat.MainForm" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>主界面</title> </head> <body> <form id="mainform" runat="server"> <div runat="server" id="addDiv"> </div> </form> </body> </html> ``` 2、主页面的后台代码 ``` using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace powerFloat { public partial class MainForm : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if(!Page.IsCallback) { InitData(); } } private void InitData() { Control ctl = this.LoadControl("AddWebUserControl.ascx"); ctl.ID = "Test"; addDiv.Controls.Add(ctl); addDiv.Controls.Add(new LiteralControl("<br/>")); } } } ``` 3、悬浮层前端代码 ``` <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="AddWebUserControl.ascx.cs" Inherits="powerFloat.AddWebUserControl" %> <style> .dn { display: none; } .shadow { -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 4); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 4); box-shadow: 1px 1px 3px rgba(0, 0, 0, 4); } .target_box { width: 700px; padding: 10px; border: 1px solid #aaa; background-color: #fff; } .target_list { padding: 4px; border-bottom: 1px dotted #ddd; overflow: hidden; _zoom: 1; } .target_list a { width: 160px; line-height: 20px; margin-right: 5px; padding: 1px; color: #333; font-size: 12px; text-align: left; text-decoration: none; float: left; } .target_list .select1 { width: 200px; line-height: 20px; margin-right: 5px; padding: 1px; color: red; font-size: 20px; text-align: left; text-decoration: none; float: left; } .target_more { margin-top: -20px; } .target_fixed { height: 25px; padding: 1px; position: fixed; _position: adsolute; top: 0; right: 0; } .custom_container { position: absolute; background-color: rgba(0, 0, 0, 5); background-color: #fff; } .custom_container img { padding: 0; position: relative; top: -5px; left: -5px; } </style> <table> <tr> <td>总署查验要求18项</td> <td> <input type="hidden" runat="server" id="hdnClientId" /> <asp:Literal ID="txt_CHECK_REQUEST_TOTAL" runat="server"></asp:Literal> </td> </tr> </table> <asp:Literal runat="server" ID="targetBox"></asp:Literal> <script src="scripts/jquery-1.4.1.js"></script> <script src="scripts/jquery-powerFloat.js"></script> <script> $(function () { var clientId = $("#Test_hdnClientId").val(); $(clientId).powerFloat( ) }); </script> ``` 4、悬浮层后台代码 ``` using System; using System.Collections; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace powerFloat { public partial class AddWebUserControl : System.Web.UI.UserControl { protected void Page_Load(object sender, EventArgs e) { if(!Page.IsCallback) { InitData(); } } private void InitData() { string checkRequestTotal = "000101010101001001"; txt_CHECK_REQUEST_TOTAL.Text = string.Format("<a id='{1}_trigger' href='javascript:;' rel='Test_targetBox'>{0}</a>", checkRequestTotal, this.ClientID); hdnClientId.Value = "#" + this.ClientID + "_trigger"; char[] splitChar = checkRequestTotal.ToCharArray(); ArrayList arrayList = new ArrayList(); for(int i=0;i<splitChar.Length;i++) { arrayList.Add(splitChar[i].ToString()); } string strHTML = @" <div id='ABC$$_targetBox' class='shadow target_box dn'> <div class='target_list'> <a href='javascript:;' class='select{0}'>1.辐射探测</a> <a href='javascript:;' class='select{1}'>2.预防性检疫处理</a> <a href='javascript:;' class='select{2}'>3.检查病媒/有害生物</a> </div> <div class='target_list'> <a href='javascript:;' class='select{3}'>4.动物临床检查</a> <a href='javascript:;' class='select{4}'>5.检查残留剂</a> <a href='javascript:;' class='select{5}'>6.检查车体/箱体</a> </div> <div class='target_list'> <a href='javascript:;' class='select{6}'>7.检查包装</a> <a href='javascript:;' class='select{7}'>8.核对品名</a> <a href='javascript:;' class='select{8}'>9.检查标签/标识</a> </div> <div class='target_list'> <a href='javascript:;' class='select{9}'>10.核对规格/型号</a> <a href='javascript:;' class='select{10}'>11.核对产终地</a> <a href='javascript:;' class='select{11}'>12.核对数量</a> </div> <div class='target_list'> <a href='javascript:;' class='select{12}'>13.核对重量</a> <a href='javascript:;' class='select{13}'>14.检查侵权</a> <a href='javascript:;' class='select{14}'>15.检查外观品质</a> </div> <div class='target_list'> <a href='javascript:;' class='select{15}'>16.检查夹藏/夹杂</a> <a href='javascript:;' class='select{16}'>17.检查温度</a> <a href='javascript:;' class='select{17}'>18.取样送检</a> </div> </div> "; targetBox.Text = string.Format(strHTML, arrayList.ToArray()).Replace("ABC$$", this.ClientID); } } } ``` 三、源码下载 代码使用vs2012开发的。(链接:https://pan.baidu.com/s/1Y2c3yfC7oenSZwSw1Uh0VQ 提取码:iqr4 ) 四、解决:由于jquery-powerfloat.js版本问题导致的,使用新的版本的就可以了。 jquery-powerfloat.js:链接:https://pan.baidu.com/s/1sKorCkN1UkmCFtf-6MNVxg 提取码:rh5n
有个js代码,火狐浏览器可以实现,谷歌不行,求解决
用js写了一个切换样式的(用下拉框选择样式切换)。但是在火狐浏览器可以实现切换,在谷歌和360浏览器就没有反应。求教大神指导。下面是有关代码,有些没有关系的我就删了。 <link href="css/红.css" rel="stylesheet" type="text/css" title="red"/> <link href="css/蓝.css" rel="alternate stylesheet" type="text/css" title="blue" /> <link href="css/绿.css" rel="alternate stylesheet" type="text/css" title="green" /> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript"> //皮肤样式切换 function switchStylestyle(styleName){ aa=document.styleSheets; for(i=0;i<aa.length;i++){ aa[i].disabled=true; if(aa[i].title==styleName){ aa[i].disabled=false;}}; } </script> </head> <body id="Application"> <div id="header"> <a id="logo" href="#"><img src="images/logo.png" border="none"/></a> <div id="ComboBox"> <select name="ComboBox"> <option value="green" onclick="switchStylestyle('green')">green</option> <option value="red" onclick="switchStylestyle('red')" selected="selected">red</option> <option value="blue" onclick="switchStylestyle('blue')">blue</option> </select> </div> 另外,我试了其他方法,别人的可以,就我的在谷歌不可以,郁闷
IE浏览器下直接报错SCRIPT1002: 语法错误 index.html, 行420 字符2 其他浏览器无任何错误
我用的的单独vue.js文件 其他的浏览器没有任何影响 请问一下各位 这是哪里不正确,百度也查了 改一个地方其他的地方又给你一个错 改着后面谷歌之类的浏览器都用不了了, <script type="text/javascript"> const BASE_URL = '/admin.php/pay/'; const USERID = '142'; const app = new Vue({ el: '#app', data: { product_type: 1, level: 1, grades: [], products: [], choose_product: null, choose_prodouct_id: null, time: 5, name: null, address: null, phone: null, note: '', delivery: 0, pay: 'wechatpay', title: '提示', content: '内容', number: 1, timer: null, order_id: null, shunfeng: 15 }, computed: { product_select_class() { return function(type) { return this.product_type == type ? 'select-class select-hover' : 'select-class'; } }, level_select_class() { return function(level) { return this.level == level ? 'insurance-select select-hover' : 'insurance-select'; } }, time_select_class() { return function(time) { return this.time == time ? 'insurance-select select-hover' : 'insurance-select'; } }, delivery_select_class() { return function(delivery) { return this.delivery == delivery ? 'insurance-select select-hover' : 'insurance-select'; } }, pay_btn_select_class() { return function(pay) { if (pay === 'wechatpay') { return this.pay === pay ? 'btn-wechatpay pay_type_active' : 'btn-alipay'; } else if (pay === 'alipay') { return this.pay === pay ? 'btn-alipay pay_type_active' : 'btn-wechatpay'; } } }, pay_check_select_class() { return function(pay) { if (pay === 'wechatpay') { return this.pay === pay ? 'pay_type_wechatcheck pay_type_wchecked' : 'pay_type_alipaycheck'; } else if (pay === 'alipay') { return this.pay === pay ? 'pay_type_alipaycheck pay_type_achecked' : 'pay_type_wechatcheck'; } } }, prodouct_select_class() { return function(prodouct) { return this.choose_prodouct_id == prodouct ? 'insurance-select select-hover' : 'insurance-select'; } }, has_level() { if (this.product_type == 1 || this.product_type == 6) { return true; } return false; }, totalPrice() { return (price) => { let outher = this.delivery == 1 ? this.shunfeng : 0; return parseFloat(parseFloat((price * this.number) + (outher * this.number)).toFixed(2)); } } }, created() { this.fetchData(); }, methods: { fetchData() { this.fetchGrades(); this.fetchProduct(); }, reduce() { if (this.number > 1) { this.number --; } }, add() { this.number ++; }, async fetchGrades() { this.grades = await this.getNormal(BASE_URL + 'grades'); }, async fetchProduct() { let url = BASE_URL + 'products'; switch(Number(this.product_type)) { case 1: this.products = await this.getNormal(url, {type: this.product_type, grade: this.level, time: this.time}); break; case 4: this.products = await this.getNormal(url, {type: this.product_type}); break; case 3: this.products = await this.getNormal(url, {type: this.product_type}); break; case 6: this.products = await this.getNormal(url, {type: this.product_type, grade: this.level}); break; } }, async getNormal(url, params = null, method="GET", data=null) { if (params) { let paramsArray = []; Object.keys(params).forEach(key => paramsArray.push(key + '=' + params[key])); if (url.search(/\?/) === -1) { url += '?' + paramsArray.join('&'); } else { url += '&' + paramsArray.join('&'); } } return new Promise((resolve, reject) => { $.ajax({ type: method, url: url, dataType: 'json', data: data, success: (response) => { resolve(response) } }) }); }, async choose_level(grade) { this.level = grade; this.clean_choose_product(); await this.fetchProduct(); }, async choose_time(time) { this.time = time; this.clean_choose_product(); await this.fetchProduct(); }, async choose_product_type(type) { this.product_type = type; this.clean_choose_product(); await this.fetchProduct(); }, choose_delivery(delivery) { this.delivery = delivery; }, choose_pay(pay) { this.pay = pay; }, choose_product_func(product) { this.choose_product = { 'id': product.id, 'name': product.name, 'price': product.price, } this.choose_prodouct_id = product.id; }, clean_choose_product() { this.choose_prodouct_id = null; this.choose_product = null; }, async confirm() { if (!this.choose_product) { return this.openTip("请选择产品!", "提示: "); } const numberReg = /^[0-9]*$/ let pay = this.pay === 'wechatpay' ? 'weixin' : 'zhifubaoweixin'; // let formData = new FormData(); let url = BASE_URL + 'production'; let data = { 'userid': USERID, 'value': this.choose_product.id, 'pay': pay, } // formData.append('userid', USERID); // formData.append('value', this.choose_product.id); // formData.append('pay', pay); if (this.product_type == 4) { if (!this.name) { return this.openTip('请填写收货人姓名!'); } if (!this.phone) { return this.openTip('请填写联系电话!'); } if (!this.address) { return this.openTip('请填写收货地址!'); } if (!numberReg.test(this.number)) { return this.openTip('请输入正确的数量!'); } if (this.number < 1) { return this.openTip('购买数量必须大于1!'); } if (this.delivery == null) { return this.openTip('请选择快递类型!'); } data.name = this.name; data.phone = this.phone; data.address = this.address; data.note = this.note; data.number = this.number; data.courier = this.delivery; // formData.append('name', this.name); // formData.append('phone', this.phone); // formData.append('address', this.address); // formData.append('note', this.note); // formData.append('number', this.number); // formData.append('courier', this.delivery); } // 发送POST请求 let response = await this.getNormal(url, {type: 2}, 'POST', data); if (response.code === 'error') { return this.openTip(response.msg) } // 展示二维码 let title = pay === 'weixin' ? '请使用微信扫一扫付款' : '请使用支付宝扫一扫付款' this.openTip('', title); $('#qrcode').html(''); $('#qrcode').qrcode(response.msg); this.order_id = response.order_id; // 设置定时器请求后台接口 this.timer = setInterval(this.order_status, 1000 * 3); }, async order_status() { url = BASE_URL + 'status'; response = await this.getNormal(url, {order_id: this.order_id}); if (response.status == 1) { this.title = '付款成功, 即将跳装到购买记录页面!'; clearInterval(this.timer); setTimeout(function() { window.location.href = '/admin.php/pay/record'; }, 3000); } }, openTip(content='', title='提示') { this.title = title; this.content = content; $('#myModal').modal({ keyboard: false }); }, closeTip() { this.title = ''; this.content = ''; $('#myModal').modal('hide'); clearInterval(this.timer); } } }); </script>
Jquery EasyUi 的一个问题
小弟最近在学习Jquery EasyUi,目前发现一个问题,不知道如果解决。 目前有两个页面,a.jsp 和 b.jsp 。其中a.jsp中只有一个下拉菜单,用浏览器单独访问a.jsp的时候,是可以正常显示的,请看a.jsp的部分代码: [code="java"] <script type="text/javascript"> jQuery(function($){ $('#cc').combogrid({ panelWidth:450, value:'006', idField:'code', textField:'name', url:'datagrid_data.json', columns:[[ {field:'code',title:'Code',width:60}, {field:'name',title:'Name',width:100}, {field:'addr',title:'Address',width:120}, {field:'col4',title:'Col41',width:100} ]] }); }); </script> <body> 下拉菜单:<select id="cc" name="dept" style="width:450px;"></select> </body> [/code]。 b.jsp中有一个window,window的href为a.jsp,在b.jsp中不能够正常显示a.jsp的下拉菜单,请看b.jsp中的部分代码: [code="java"] <script type="text/javascript"> $(function(){ $('#win').window({ width:600, height:400, href:'a.jsp' }) }); </script> <body> <div id="win" iconCls="icon-save" title="My Window"> Window Content </div> </body> [/code] 小弟查询之后,发现是b.jsp的window在显示a.jsp时,a.jsp中页面加载的时候调用的初始化语句块没有调用成功,具体的没有调用的a.jsp的代码为[code="java"] jQuery(function($){ ........ }) [/code] 不知道为什么会出现这种问题,难道一个页面被另一个页面用href引用之后就不能调用自身的初始化语句块了吗?
请教大神JQUERY ajax的问题
``` 请问代码里的script放在kqwork.js里就运行不了是什么问题,路径没有错,还有 <input type="button" value="上报考勤" id="uploadkq">怎么点击没有任何动作?浏览器请求也没有发送 <!doctype html> <html> <head> <meta charset="utf-8"> <title>考勤</title> <script type="text/javascript" src="../static/kqwork.js" charset="gb2312"></script> <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script> </head> <body> <span>考勤系统测试</span> <input type="button" value="获取考勤" id="getkq" > <input type="button" value="上报考勤" id="uploadkq"> <script> $(function () { $('#getkq').click(function () { $.ajax({ type: "post", dataType: "json", url: "/log", success: function (msg) { var today = new Date(); today.setFullYear(2017, 07, 05); monthDays = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31); year = today.getYear() + 1900; if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) monthDays[1] = 29; nDays = monthDays[today.getMonth()]; firstDay = today; firstDay.setDate(1); startDay = firstDay.getDay(); column = 1; for (j = startDay; j < 7; j++) { kq.rows[1].cells[j].innerHTML = "" + column + "<br/>上午<select id='sel" + column + "'><option value ='1'>上班</option><option value ='3'>休息</option></select><br/>下午<select id='sel_pm" + column + "'><option value ='1'>上班</option><option value ='3'>休息</option></select>"; //$("#sel" + column + "").val(msg[column - 1].cw_work_type); // var checkValue = $("#select_id").val(); //获取Select选择的Value $("#sel" + column + "").val(msg[column - 1].cw_work_type); $("#sel_pm" + column + "").val(msg[column - 1].cw_work_type_pm); column++; } for (i = 2; i < 6; i++) { for (j = 0; j < 7; j++) { kq.rows[i].cells[j].innerHTML = "" + column + "<br/>上午<select id='sel" + column + "'><option value ='1'>上班</option><option value ='3'>休息</option></select><br/>下午<select id='sel_pm" + column + "'><option value ='1'>上班</option><option value ='3'>休息</option></select>"; $("#sel" + column + "").val(msg[column - 1].cw_work_type); $("#sel_pm" + column + "").val(msg[column - 1].cw_work_type_pm); column++; if (column > nDays) break; } } } }); }); /////此处单击事件为何不起作用?浏览器没有向后台发出请求的动作 $('#uploadkq').click(function () { var kq_arry = new Array(); for (i = 1; i < 31; i++) { kq_arry[i - 1] = $("#sel" + i + "").val(); } var kq_json = $.toJSON(kq_arry); $.ajax({ type: "post", dataType: "json", url: "/up", data: kq_arry, }); }); }); </script> <div align="center" id="div" style="position:absolute;width:840px;widt=840px;left:200px;top:100px;"> <TABLE id="kq" border='1' CELLSPACING='0' CELLPADDING='2' BGCOLOR='#B3DFDA'> <TR BGCOLOR='#AADFDA'> <TD background-color:yellow>周日</TD><TD >周一</TD><TD >周二</TD><TD >周三</TD><TD >周四</TD><TD >周五</TD><TD >周六</TD> </TR> <TR> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> </TR> </table> </div> </body> </html> ```
求助!如何把jquery生成的句子提交到数据库
下面的代码是前端,“var s =”生成了我需要的句子,但是生成的句子我不知道怎么把它提交到我的后台处理文件,我的后台处理文件intoA.PHP是用于把前端的信息提交到数据库,文件的物理路径F:\wamp64\www,本地浏览器位置localhost/intoA.php,代码在最下面展示。 请务必写出详细代码给我,我自己摸索了之前说的ajax异步提交方法,摸索了一天都提交不成功,包括代码放在什么位置,是否需要下载某些软件 ``` <title>HTML5 Contact Form</title> <style type="text/css"> .contact_form{border:1px solid #DDDDDD;padding:10px;width:760px;margin:40px auto 0 auto;} </style> <link rel="stylesheet" media="screen" href="styles.css" > </head> <body> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <script> function getZhi(){ var name = $("#name").val(); var place = $("#place").val(); var method = $("#method").val(); var number = $("#number").val(); var s = "来到" + place + name + "工地,现场" + method + ",拍照取证。" + "//六组/六组巡查照片/" + place + "/" + name + "/"+ number; alert(s); } <input name="getZhi()"> </script> <form class="contact_form" action="intoA.php" method="post" name="contact_form"><!--"#"用来 填处理表单数据的php文件--> <ul> <li> 姓名:<select size="1" input type="name" id="name"> <option></option> <option>姚锦堂</option> <option>姚钿深</option> <option>姚换章</option> <option>姚淦强</option> <option>姚灿伦</option> <option>姚志坤</option> <option>姚福全</option> <option>姚满权</option> <option>姚志良</option> <option>姚月培</option> <option>姚惠全</option> <option>姚桂祥</option> <option>姚桥旺</option> <option>刘见华</option> <option>刘天伟</option> <option>刘涌旺</option> <option>潘成泰</option> <option>潘国平</option> <option>潘庆堂</option> <option>张煜新</option> <option>杨道庭</option> <option>黄庆培</option> <option>曾德联</option> <option>陈仲汝</option> <option>李满堂</option> <option>企石中学</option> <option>东平村委会</option> <option>第七中学对面</option> <option>东莞市钜辉建设工程有限公司</option> </select> </li> <li> 地址:<select size="1" input type="place" id="place"> <option></option> <option>东山村</option> <option>清湖村</option> <option>新南村</option> <option>上截村</option> <option>下截村</option> <option>东平村</option> <option>上洞村</option> <option>南坑村</option> <option>霞朗村</option> <option>铁炉坑村</option> </select> </li> <li> 处理:<select size="1" input type="method" id="method"> <option></option> <option>无工人作业</option> <option>有1名工人作业,进行驱赶</option> <option>有3名工人作业,进行驱赶</option> <option>有5名工人作业,进行驱赶</option> <option>有7名工人作业,进行驱赶</option> <option>有12名工人作业,进行驱赶</option> <option>有14名工人作业,进行驱赶</option> <option>有16名工人作业,进行驱赶</option> <option>有18名工人作业,进行驱赶</option> <option>对工地进行勘验,制作笔录,下发了责令限期整改通知书(东综管责字[2017]第31-00000号)</option> </select> </li> <li> <label for="number">日期</label> <input id="number" name="number"> </li> <li> <button class="submit" type="submit">提交</button> </li> </ul> </form> </body> </html> ``` 可以看到我下面是直接令“$getZhi() = $_POST['getZhi()'];”,这种方法是失败的,php并不能识别并提交生成的句子 ![图片说明](https://img-ask.csdn.net/upload/201712/02/1512211184_473341.png) 而下面令“$number = $_POST['number'];“是提交成功的(前端我有“< input id="number" name="number" >”),name=“number”使后面的php可以识别number是什么 **下面是我写的用于提交信息到数据库的后端,文件的物理路径F:\wamp64\www,本地浏览器位置localhost/intoA.php** ``` <?php $servername = "localhost"; $username = "root"; $password = "yy6788402"; $dbname = "A"; // 创建连接 $conn = new mysqli($servername, $username, $password, $dbname); // 检测连接 if ($conn->connect_error) { die("连接失败: " . $conn->connect_error); } $getZhi() = $_POST['getZhi()']; $number = $_POST['number']; $sql = "INSERT INTO B SET message='$getZhi()', date='$number'"; if ($conn->query($sql) === TRUE) { echo "提交成功"; } else { echo "Error: " . $sql . "<br>" . $conn->error; } $conn->close(); ?> ``` 希望大家不要告诉我用什么方法,而是直接把代码写出来,我是超级小白,可能在大家眼中很简单的问题我要摸索个几天才有眉目
轮播图在火狐浏览器上时快时慢
代码如下,我用的是移动定位盒子的left,在火狐上很明显,不知道为什么,在谷歌和IE下没有时快时慢,可有时会有些卡顿,谢谢指教! ``` // 创建一个对象,DigsurGallery; DigsurGallery = {}; // 为对象 DigsurGallery,创造一个属性 Rolling; DigsurGallery.Rolling = function() { // 定义变量 speed,作用为速度; this.speed = 1; // 定义变量 timer ,作用为定时器名字; this.timer = null; } // initConfig 是对象下的一个方法,需要传入三个参数,盒子的id,数组的名字,是否需要滚动,是否需要点击按钮; DigsurGallery.Rolling.prototype.initConfig = function(Container, picArray, HasSlider, HasButton) { // 声明一个变量接收 Container; var ContainerName = $("#" + Container); // 声明变量 oBox,创建一个div,id名称为"DigsurFallery-Rolling-box"; var oBox = $("<div id='DigsurFallery-Rolling-box'></div>"); // 将 oBox 拼接到oName中; ContainerName.append(oBox); // 为 DigsurFallery-Rolling-box 设置样式; $("#DigsurFallery-Rolling-box").css({ "position": "relative", "width": "100%", "overflow": "hidden", "top": "20%", "border-radius": "5px", "-moz-user-select": "none", "-webkit-user-select": "none", "-ms-user-select": "none", "user-select": "none", }) // 声明变量 oBox,创建一个div,id名称为"DigsurFallery-Rolling-content"; var oContent = $("<div id='DigsurFallery-Rolling-content'></div>"); // 将 oContent 拼接到 oBox中; oBox.append(oContent); // 为 DigsurFallery-Rolling-content 设置样式; $("#DigsurFallery-Rolling-content").css({ "position": "absolute", "left": 0, "overflow": "hidden", "height": "100%", }) // 循环创建 img标签,将picArray中的值传入每一个img的src中,拼接到 oContent中; for(var i = 0; i < picArray.length; i++) { var oimg = $("<img />") $(oimg).attr('src', picArray[i]); oContent.append(oimg); } // 为 img加样式 ; $("#DigsurFallery-Rolling-box img").css({ "float": "left", "height": "90%", "box-shadow": "0px 0px 11px #211f1f", "-webkit-box-shadow": "0px 0px 11px #211f1f", "-moz-box-shadow": "0px 0px 11px #211f1f", "border-radius": "5px", "margin-top":"5px", }) // 为 DigsurFallery-Rolling-box 设置高度,高度为'window'宽度的35%; $("#DigsurFallery-Rolling-box").css("height", $(window).width() * 0.35); // 声明 BoxoffsetWidth,接收 DigsurFallery-Rolling-box的可视宽度; var BoxoffsetWidth = $("#DigsurFallery-Rolling-box")[0].offsetWidth; // 为DigsurFallery-Rolling-box下的img标签设置 margin-right,值为: DigsurFallery-Rolling-box的可视宽度的3%; $("#DigsurFallery-Rolling-box img").css("margin-right", BoxoffsetWidth / 100 * 3); // 声明变量,获取 DigsurFallery-Rolling-content下img的margin-right的 值; var ImgMarginRight = parseFloat($("#DigsurFallery-Rolling-content img").css('marginRight')); // 设置 DigsurFallery-Rolling-conten 下的img的宽度 为 DigsurFallery-Rolling-box的可视宽度; $("#DigsurFallery-Rolling-content img").css("width", BoxoffsetWidth); // 设置 DigsurFallery-Rolling-content 的宽度,值为 picArray的个数 乘 (DigsurFallery-Rolling-box的可视宽度+ DigsurFallery-Rolling-content下img的margin-right的 值); $("#DigsurFallery-Rolling-content").css("width", picArray.length * (BoxoffsetWidth + ImgMarginRight)); // 设置 speed的速度为1; this.speed = 1; // 判断 HasSlider 的值; if(HasSlider == true) { // 声明 _this = this,作用为指向 DigsurGallery.Rolling ; var _this = this; // 创造函数 move ; function move() { // 创建定时器timer; _this.timer = setInterval(function() { // 设置 DigsurFallery-Rolling-content 的left 为DigsurFallery-Rolling-content的做偏移量 - speed的值; $("#DigsurFallery-Rolling-content").css("left", $("#DigsurFallery-Rolling-content").offset().left - _this.speed); // 做判断,如果 DigsurFallery-Rolling-content 的左偏移量 小于picArray的个数-1乘以图片的可视宽度加上marginright的值 在乘以-1的值; if($("#DigsurFallery-Rolling-content").offset().left < (picArray.length - 1) * (oimg[0].offsetWidth + ImgMarginRight) * -1) { // DigsurFallery-Rolling-content 的left为0; $("#DigsurFallery-Rolling-content").css("left", 0); } }, 1) } // 启动定时器; move(); // 鼠标放上或者离开 容器 'DigsurFallery-Rolling-box'时清除或打开定时器; $("#DigsurFallery-Rolling-box").mouseenter(function() { clearInterval(_this.timer); }).mouseleave(function() { move(); }); } // 判断 HasButton的值; if(HasButton == true) { // 声明 oRetreat 创建 id为 'retreat' 的div; var oRetreat = $("<div id='retreat'></div>"); // 将 oRectreat 拼接到oBox中; oBox.append(oRetreat); // 声明 RetreatSpan,创建 span标签,内容为 < ,后退; var RetreatSpan = $("<span> < </span>") // 将RetreatSpan拼接到oRetreat中; oRetreat.append(RetreatSpan); // 声明oAdvance,创建 id为'advance'的div; var oAdvance = $("<div id='advance'></div>"); // 将oAdvance拼接到oBox中; oBox.append(oAdvance); // 声明AdvanceSpan,创建 span标签,内容为 > ,前进; var AdvanceSpan = $("<span> > </span>") // 将AdvanceSpan拼接到oAdvance中; oAdvance.append(AdvanceSpan); // retreat 的点击函数; $("#retreat").click(function() { // 声明index,获取 DigsurFallery-Rolling-content 的做偏移量 除以 图片的可视宽度的负值; var index = parseInt($("#DigsurFallery-Rolling-content").offset().left / -oimg[0].offsetWidth); // index 的值减1; index--; // 判断 如果index的值小于0的; if(index < 0) { // index 的值 等于 picArrat 的长度减去1; index = picArray.length - 1; } // 声明 temp 等于 图片的可视宽度加上图片的marginright的值 乘 index的 负值 ; var temp = (oimg[0].offsetWidth + ImgMarginRight) * index * -1; // 设置 DigsurFallery-Rolling-content 的left值为 temp的值 $("#DigsurFallery-Rolling-content").css("left", temp); }); // advance 的点击函数 $("#advance").click(function() { // 声明index,获取 DigsurFallery-Rolling-content 的做偏移量 除以 图片的可视宽度的负值; var index = parseInt($("#DigsurFallery-Rolling-content").offset().left / -oimg[0].offsetWidth); // index 的值加1 index++; // 判断 如果index的值大于 picArray的长度; if(index >= picArray.length) { // index 的值为 0; index = 0; } // 声明 temp 等于 图片的可视宽度加上图片的marginright的值 乘 index的 负值 var temp = (oimg[0].offsetWidth + ImgMarginRight) * index * -1; // 设置 DigsurFallery-Rolling-content 的left值为 temp的值 $("#DigsurFallery-Rolling-content").css("left", temp); }); } // 设置点击按钮的大小,需要传入三个值,分别为 最小值 min,和最大值max 和 中间值mid $.fn.fontFlex = function(min, max, mid) { // $this 指向调用的this var $this = this; // 窗口大小改变时函数 $(window).resize(function() { // 为 retreat 设置样式 $("#retreat").css({ "width": "7%", "height": $("#retreat").width() * 2.3, "position": "absolute", "left": 0, "top": "30%", "background-color": "rgba(0, 0, 0, 0.3)", "text-align": "center", "color": "rgba(255,255,255,0.5)", "cursor": "pointer", }).hover(function() { $("#retreat").css("color", "rgba(255,255,255,1)") }, function() { $("#retreat").css("color", "rgba(255,255,255,0.5)") }); // 为 retreat 下的span标签设置 line-height $("#retreat span").css("line-height", $("#retreat").height() + "px"); // 为 advance 设置样式 $("#advance").css({ "width": "7%", "height": $("#advance").width() * 2.3, "position": "absolute", "right": 0, "top": "30%", "background-color": "rgba(0, 0, 0, 0.3)", "text-align": "center", "color": "rgba(255,255,255,0.5)", "cursor": "pointer", }).hover(function() { $("#advance").css("color", "rgba(255,255,255,1)") }, function() { $("#advance").css("color", "rgba(255,255,255,0.5)") }); // 为 advance 下的span标签设置 line-height $("#advance span").css("line-height", $("#advance").height() + "px"); // 声明size,用window的宽度 除以 mid var size = window.innerWidth / mid; // 判断 如果 size的值 小于 min的值 if(size < min) { // size 的值 等于 min的值 size = min; } // 判断 如果size的值大于 max的值 if(size > max) { // size的值等于 max的值 size = max; } // 为调用的的标签设置 'font-size' $this.css("font-size", size + "px"); // 触发函数的时候执行 resize事件 }).trigger('resize'); }; $("#retreat span").fontFlex(23, 60, 20); $("#advance span").fontFlex(23, 60, 20); } ```
Jquery Ajax 提交表单 JSP页面局部刷新 javascript 中写的code不执行
下面是我碰到的具体问题,一直很是郁闷!我贴下我的代码,如果解决了,小弟不甚感激。。。 js 代码: [code="js"] //ajax 执行成功的回调函数 function showSuccess(data){ alert('执行成功!!!'); } function showError(){ alert('出错啦!!!'); } //ajax提交采购或者销售项 function addGoodsItems(){ if($("#goodsName").val() == ""){ alert('货品不能为空!'); }else if($("#amount").val() == 0){ alert('数量需多余0'); }else if($("#price").val() == ""){ alert('单价不能为空'); }else{ $(document).ready(function(){ alert('这个方法始终就是没有起作用?????????'); $("#itemsForm").submit(function(){ //ajax 提交参数 var options = { dataType:'json', resetForm:false, success:showSuccess, error:showError, timeout:10000 } //提交表单 $(this).ajaxSubmit(options); // 为了防止普通浏览器进行表单提交和产生页面导航(防止页面刷新?)返回false return false; }); }); alert('方法执行到这儿了!!'); } } [/code] 涉及的页面: [code="html"] <form id="itemsForm" action="addGoodsItems.action" method="post"> <table> <tr> <td> 存货名称: </td> <td> <input type="text" name="goodsItems.goodsName" id="goodsName" class="baseline" value="${pcb.goodsItems.goodsName}" style="width: 150px;" /> <input type="button" value="选择存货" onclick="selectGoods()" /> </td> <td width="40px;"></td> <td> 存货地点: </td> <td> <input type="text" name="goodsItems.stockPlace" id="storage" class="baseline" value="${pcb.goodsItems.stockPlace}" style="width: 150px;" /> <input type="button" value="存货地点" onclick="selectPlace()" /> </td> </tr> <tr> <td> 物品数量: </td> <td> <c:choose> <c:when test="${goodsItems.amount == null}"> <input type="text" name="goodsItems.amount" id="amount" onfocus="onfocusSelect(this)" onblur="jsje()" style="text-align: right;" value="0" /> </c:when> <c:otherwise> <input type="text" name="goodsItems.amount" id="amount" onfocus="onfocusSelect(this)" onblur="jsje()" class="baseline" style="width: 50px; text-align: right;" value="${goodsItems.amount}" /> </c:otherwise> </c:choose> </td> <td></td> <td> 单价: </td> <td> <select id="priceType" name="goodsItems.priceType" onchange="selectPrice(this)" style="width: 100px;"> <c:choose> <c:when test="${pcbtype == 0 || pcbtype == 1}"> <option value="0"> 采购标准价 </option> <option value="1"> 采购最高价 </option> </c:when> <c:when test="${pcbtype == 2 || pcbtype == 3}"> <option value="2"> 销售标准价 </option> <option value="3"> 最低销售价 </option> </c:when> </c:choose> </select> <input type="text" id="price" name="goodsItems.price" onblur="jsje()" /> </td> <td width="10"></td> <td> 折扣率: </td> <td> <input type="text" id="discountRate" name="goodsItems.discountRate" style="text-align: right" onblur="jsje()" value="${pcb.goodsItems.discountRate}" /> </td> </tr> <tr> <td> 折扣额: </td> <td> <input type="text" id="zke" value="0.00" disabled="disabled" style="text-align: right" /> <input type="hidden" id="discount" name="goodsItems.discount" value="${goodsItems.discount}" /> </td> <td width="20"></td> <td> <c:choose> <c:when test="${pcbtype == 0 || pcbtype == 1}"> 采购额: </c:when> <c:when test="${pcbtype == 2 || pcbtype == 3}"> 销售额: </c:when> </c:choose> </td> <td> <input type="text" id="je" value="0.00" disabled="disabled" style="text-align: right" /> <input type="hidden" id="procureCellMoney" name="goodsItems.procureCellMoney" value="${goodsItems.procureCellMoney}" /> </td> <td colspan="4"></td> </tr> <tr> <td> 说明: </td> <td colspan="8"> <input type="text" id="notes" name="goodsItems.notes" style="width: 500px;" /> </td> </tr> <tr> <td colspan="9" align="right"> <input type="button" value="保存分录" onclick="addGoodsItems()" /> <input type="reset" value="重置" /> </td> </tr> </table> </from> [/code] action 代码: [code="java"] public String addGoodsItems(){ log.info("获得的存货名称是:"+goodsItems.getGoodsName()); log.info('这里面我准备将form表单中提交过来的数据存到session中去,如果,我提交采购单的话,才将session中的值取出来存到数据库中,session中我想的是存放一个goodsMap'); return "addItems"; } [/code] struts.xml 代码: [code="xml"] <package name="goodsItems" extends="json-default"> <action name="addGoodsItems" class="xxpcb" method="addGoodsItems"> <result name="addItems"> <!--<param name="includeProperties">goodsItemsMap.*</param>--> </result> </action> </package> [/code]
div中嵌入一个视频框,在IE浏览器中可以正常显示,但是别的浏览器比如谷歌会出现错位。
![图片说明](https://img-ask.csdn.net/upload/201904/12/1555051432_262791.png)![图片说明](https://img-ask.csdn.net/upload/201904/12/1555051438_726516.png)![图片说明](https://img-ask.csdn.net/upload/201904/12/1555051445_873946.png)![图片说明](https://img-ask.csdn.net/upload/201904/12/1555051450_710102.png) 页面是普通的html,前端用的是bootstrap,感觉这个跟什么框架应该没什么关系。 没有用其他什么样式,整个样式就在页面里面写的,就是如图所示,就写了这么几句话的样式。这个视频是别的公司做的视频监控,我把它嵌入到我们页面中,他们公司给的页面也简单,样式也就这么几句话我拿过来只是调整了一下这个框的大小。但是无论怎么调整,这个视频框在谷歌或者其他浏览器(像360什么)都不在预期的位置,也不知道这是怎么搞得。。。这个情况我也是第一次遇到,搜我都不知道该怎么搜。。。还望哪位大神能解决一下!如果有描述不清楚的,还请提出,我再补充。 下面是html页面: html, body { padding: 0; margin: 0; } .playWnd { width: 100%; height: 700px; border: 1px solid red; } .cbInfoDiv { float: left; width: 360px; margin-left: 16px; border:1px solid #7F9DB9; } .cbInfo { height: 200px; padding: 5px; border: 1px solid #7F9DB9; overflow: auto; word-break: break-all; } .operate { margin-top: 24px; } .operate::after { content: ''; display: block; clear: both; } .operate .btns { height: 32px; } .module { float: left; width: 340px; min-height: 320px; margin-left: 16px; padding: 16px 8px; box-sizing: border-box; border: 1px solid #e5e5e5; } .module .item { margin-bottom: 4px; } .module .label { width: 150px; display: inline-block; vertical-align: middle; margin-right: 8px; text-align: right; } .module input[type="text"], .module select { box-sizing: border-box; display: inline-block; vertical-align: middle; margin-left: 0; width: 150px; min-height: 20px; } .module .btn { min-width: 80px; min-height: 24px; margin-top: 16px; margin-left: 158px; } ``` ```<body> <div class="main_content"> <div class="ny_title"> <span>视频查询</span> <div class="bg"></div> </div> <div class="main_table" style="height: 90%"> <div class="col-xs-3 col-md-2 col-lg-2 left_tree"> <ul class="tree" id="treeList"> <li> <span></span> <ul> <li class="one"><span>正在获取市场信息...</span> </li> </ul> </li> </ul> </div> <div class="col-xs-9 col-md-10 col-lg-10" > <div id="playWnd" class="playWnd" > </div> <div class="clearfix"></div> </div> </div> </div> </body> ``` ``` 类似这个col-xs-9应该是bootstrap自己的 ``` ```
window.print()打印生成页面 chrome浏览器调用本地打印机,打印出来的效果很差
对比图 右边是word文档打印出来的效果,比左边打印出来的好,怎么解决这种问题?有什么方案吗? 是哪方面出现的问题 ![图片说明](https://img-ask.csdn.net/upload/201907/09/1562661825_6547.jpg) ``` <!DOCTYPE html> <html lang="zh" xmlns:th="http://www.thymeleaf.org"> <head> <th:block th:include="include :: header('修改零件编程')" /> <style type="text/css"> #printJS-form{ width:100%; } .print{ position: absolute; top: 40px; left: 40px; width: 20%; } .tab{ width: 100%; border: 2px solid #000; margin-bottom: 20px; font-size: 14px; word-break: break-all; } .surface input { padding-left: 10px; width: 80px; } .orderList .delect{ font-size: 12px; padding: 2px 5px; margin: 0; } .stuff{ width: 120%; margin-left: 0; /* padding-left: 4%; */ font-size: 20px; } .stuff .form-group{ float: left; width: 50%; } .stuffq .form-group{ float: left; width: 100%; } .stuffq{ /* padding-left: 4%; */ margin-left: 0; width: 110%; font-size: 20px; } .stuff .form-group input{ padding-right: 2px; padding-left: 5px; font-size: 13px; width: 90%; } /* .selectBox{width: 90%;} */ .surface_Date,.orderList{text-align: center;} .orderList{margin-bottom:0;border: none !important;} /* .orderList tbody select,.orderList tbody p{width: 75px;height: 27px;line-height: 27px;padding: 0 7px;} .orderList tbody input,.orderList tbody .input { padding: 0 7px; width: 60px; height: 27px; line-height: 27px; } */ .form-control{height: 30px;line-height: 30px;padding: 0px 7px;margin:0;border: none;font-size: 20px;} form .title{ text-align: center; line-height: 45px; font-size: 30px; font-weight: bold; margin-bottom: 20px; } .control-label{ height: 30px; line-height: 30px; padding:0px 0 0 7px !important; float:left; font-size: 20px; } .col-sm-3{ width: 40%; text-align: right; } .col-sm-7{ float:left; width: 60%; } .col-sm-5{ float: left; } .tab>tbody>tr>td,.tab>thead>tr>td{ padding: 8px; } .tab>tbody>.gongmian>td{ padding: 4px 6px; } .tab>tbody>tr>td,.tab>thead>tr>td{ border: 2px solid #000 !important; } .table{ border: 1px solid #000; } .tab >tr >td{ border: 2px solid #000; } .orderList>tbody>tr:nth-child(1)>td,.orderList>thead>tr:nth-child(1)>td{ border-top: none !important; } .orderList>tbody>tr>td:nth-last-child(1),.orderList>thead>tr>td:nth-last-child(1){ border-right: none !important; } .orderList>tbody>tr>td:nth-child(1),.orderList>thead>tr>td:nth-child(1){ border-left: none !important; } </style> </head> <body class="white-bg"> <div class="wrapper wrapper-content animated fadeInRight ibox-content"> <form class="form-horizontal m" th:object="${map}" id="printJS-form" > <div class="title"> <p>CNC加工程式单</p> </div> <div class="stuffq row"> <div class="form-group"> <div class="col-sm-12"> <span class="control-label">编程员:</span> <!-- <input id="" name="" class="form-control" type="text" disabled style="display:inline-block;"> --> <span class="form-control" th:text="*{programerManName}">dfsdf</span> </div> </div> <div class="form-group"> <div class="col-sm-12"> <span class="control-label" style="padding-right:0;" >工程单号:</span> <!-- <input id="" name="" class="form-control" type="text" disabled style="display:inline-block;"> --> <span class="form-control" th:text="*{orderNo}" ></span> </div> </div> <div class="form-group"> <div class="col-sm-12"> <span class="control-label" style="padding-right:0;">零件编号:</span> <!-- <input disabled class="form-control" type="text"> --> <span class="form-control" th:text="${componentsNo}"></span> </div> </div> <div class="form-group"> <div class="col-sm-12"> <span class=" control-label" style="padding-right:0;">材料类型:</span> <!-- <input id="" name="" class="form-control" type="text" disabled style="display:inline-block;"> --> <span class="form-control" th:text="*{material}"></span> </div> </div> <div class="form-group" style="width: 100%;text-align: center;"> <div class="col-sm-12"> <span class="control-label" style="padding-right:0;">交货日期:</span> <!-- <input type="text" class="form-control" id="time" disabled placeholder="yyyy-MM-dd HH:mm:ss"> --> <span class="form-control" th:text="*{getoutDay}"></span> </div> </div> </div> <div class="stuff row"> <div class="form-group"> <div class="col-sm-12"> <label class="control-label" style="padding-right:0;">数量:</label> <span class="form-control" th:text="*{quantity}"></span> </div> </div> <div class="form-group"> <div class="col-sm-12" style="padding-left:0;"> <label class="control-label" style="padding-right:0;">长:</label> <span id="Clength" class="form-control" style="padding-left:5px;"></span> </div> </div> <div class="form-group"> <div class="col-sm-12" style="padding-left:0;"> <label class="control-label" style="padding-right:0;">宽:</label> <span id="width" class="form-control" style="padding-left:5px;"></span> </div> </div> <div class="form-group"> <div class="col-sm-8" style="padding-left:0;"> <label class="control-label" style="padding-right:0;">高:</label> <span id="height" class="form-control" style="padding-left:5px;"></span> </div> </div> </div> <div class="form-group"> <!-- <label class="col-sm-0 "></label> --> <div class="col-sm-12"> <div id="surface" > </div> </div> </div> <div class="form-group print"> <div class="col-sm-11" onclick="doPrint()" style="text-align:center;"> <a class="btn btn-success">打印程式单</a> </div> </div> <!-- <button type="button" onclick="printJS('printJS-form', 'html')"> Print Form </button> --> </form> </div> <div th:include="include::footer"></div> <th:block th:include="include :: layout-latest-js" /> <script src="/bole-erp/src/main/resources/static/js/print.min.js"></script> <script th:inline="javascript"> var editFlag = [[${@permission.hasPermi('bole:componentsProgramerinfo:edit')}]]; var removeFlag = [[${@permission.hasPermi('bole:componentsProgramerinfo:remove')}]]; var prefix = ctx + "bole/componentsProgramerinfo"; var ListData = []; var componentsId = [[${componentsId}]]; var componentsNo = [[${componentsNo}]]; $(document).ready(function(){ getData(); }) var jiagongmianNum = 0; function getData(){ $.ajax({ url: prefix + "/getData", type:"POST", dataType:"JSON", data:{ 'componentsId':componentsId }, success:function(res){ var data = JSON.parse(res.data.data); console.log("res",data); var htmldata = ""; $("#Clength").text(res.otherData.componentsLong); $("#height").text(res.otherData.componentsHigh); $("#width").text(res.otherData.componentsWidth); $("#fileName").val(res.otherData.fileName); jiagongmianNum = data.length; var sort = 1; for(var i = 0;i<data.length;i++){ //z值 var num = data[i].number; var html = ""; //var num=0; //每一个面的刀次 if(data[i].list != null && data[i].list != undefined){ var sort2 = sort; for(var j=0;j<data[i].list.length;j++){ var knife = data[i].list[j].knife; var blade = data[i].list[j].blade; var clip = data[i].list[j].clip; //num++; if(j == data[i].list.length -1){ sort = sort + data[i].list.length; } html+=`<tr> <td>${componentsNo+sort2}</td> <td> ${data[i].list[j].specs} </td> <td> ${data[i].list[j].material} </td> <td> ${data[i].list[j].type} </td> <td> ${data[i].list[j].knife} </td> <td> ${data[i].list[j].blade} </td> <td> ${data[i].list[j].avoid} </td> <td> ${data[i].list[j].clip} </td> <td style="width:150px;"> ${data[i].list[j].remark} </td> </tr>`; sort2 +=1; } //console.log("num:"+num) htmldata += `<table class="tab surface surface_Date"> <tr class="surface_list gongmian"> <td rowspan="3" style="font-weight: bold;font-size: 20px;">${i+1}</td> <td rowspan="3" style="text-align: center;"> 加工面 </td> <td rowspan="3">工件原点</td> <td>X:</td> <td> ${data[i].Xselect} </td> </tr> <tr class="gongmian"> <td>Y:</td> <td> ${data[i].Yselect} </td> </tr> <tr class="gongmian"> <td>Z:</td> <td> ${data[i].Zvalue} </td> </tr> <tr> <td colspan="5" style="text-align: left;padding:0;border: none !important;"> <div class="addOrderList"> <table class="tab surface orderList" > <thead><tr> <td>刀号</td> <td>刀具规格</td> <td>材質</td> <td>類型</td> <td>刀补</td> <td>刃長</td> <td>避空</td> <td>夾长</td> <td>备 注</td> </tr></thead> <tbody>${html}</tbody> </table> </div> </td> </tr> </table>` $("#surface").html(htmldata); } } } }); } function submitHandler() { // if ($.validate.form()) { // // $.operate.save(prefix + "/edit", $('#form-componentsProgramerinfo-edit').serialize()); // } console.log("ListData",ListData); var config = { url: prefix + "/saveData", type: "post", dataType: "json", data: { "componentsId": componentsId, "ListData": JSON.stringify(ListData) }, beforeSend: function () { $.modal.loading("正在处理中,请稍后..."); $.modal.disable(); }, success: function(result) { console.log('result',result); if(result != null && result != undefined){ for(var i=0;i<result.length;i++){ console.log(result[i]); console.log(result[i].list[1]); } } if (typeof callback == "function") { callback(result); } $.operate.successCallback(result); } }; $.ajax(config); } function doPrint() { bdhtml=window.document.body.innerHTML; $(".print").css({"display":"none"}) // document.getElementsByTagName('body')[0].style.width="100%"; // document.getElementsByTagName('body')[0].style.zoom=0.4; window.print(); $(".print").css({"display":"block"}); // document.getElementsByTagName('body')[0].style.zoom=1; // document.getElementsByTagName('body')[0].style.width="90%"; } </script> </body> </html> ```
用jsonp跨域请求url长度过长怎么解决
<script type="text/javascript" src="http://www.w3dev.cn/rardownload/20130106/20130106170832648.js"></script> <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script> <script> $.ajax({ url: 'http://query.yahooapis.com/v1/public/yql', dataType: 'jsonp', data: { q: "select * from json where url=\"http://www.w3dev.cn/json.asp\"", format: "json" }, success: function (d) { alert(JSON.stringify(d))//远程json数据放在query.results下 } });</script> 我要写的url是百度云的一个接口,参数有三个,有个图片的参数image它的值是一张图片的base64编码很长很长,我写上去就报错了,这个jsonp的跨域有什么其它的对参数的处理办法吗,这个功能是手机浏览器访问的,手机上必须兼容
Struts2和返回JSON的数据为null,浏览器提示TypeError:data is null
我在action里面打印了一下数据,都是正确的。 [color=red]这是我的action[/color] package action; import java.util.ArrayList; import java.util.HashSet; import java.util.List; import java.util.Set; import pojo.Dept; import pojo.User; import com.opensymphony.xwork2.ActionSupport; import dao.Dao; public class JasonAction extends ActionSupport{ /** * */ private static final long serialVersionUID = -5138636457167442118L; private List<Dept> list = new ArrayList<Dept>(); private Set<User> users = new HashSet<User>(); private Dao dao = new Dao(); public String getUserByDept(){ users = dao.getUserByDept(); return SUCCESS; } public String getDept(){ list = dao.getAllDept(); Dept dept = list.get(0); System.out.println(dept.getDname()); users = dept.getUsers(); System.out.println(users.size()); return "list"; } public List<Dept> getList() { return list; } public void setList(List<Dept> list) { this.list = list; } public Set<User> getUsers() { return users; } public void setUsers(Set<User> users) { this.users = users; } } [color=red]这是struts.xml文件[/color] <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN" "http://struts.apache.org/dtds/struts-2.1.dtd"> <struts> <package name="jason" extends="json-default" > <action name="json_*" class="action.JasonAction" method="{1}"> <result name="list" type="json"> <param name="root">results</param> </result> </action> </package> </struts> [color=red]这是jsp页面[/color] <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'list.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <script type="text/javascript" src="js/jquery-1.4.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#did").change(function(){ $.getJSON("json_getDept.action",function(data){ //使用jQuery中的each(data,function(){});函数 //从data.users获取User对象放入value之中 $.each(data.users,function(i,value){ alert(value.username); $("#username").html("<option value="+value.uid+">"+value.username+"</option>") }); }); }); }); </script> </head> <body> department:<select id="did"> <option value="1">software</option> <option value="2">hardware</option> </select><br> username: <select id="username"> </select> </body> </html>
为何submit 按钮的js里面无法 submit 表单?
问题 想在submit 按钮的JS代码中,检验sample_form 的参数,然后提交表单,发现 submit() 函数不起作用怎么解决? 照着网上查到的例子来写的,咋就不行呢? [网上的submit例子](http://blog.csdn.net/guoquanyou/article/details/8208494 "网上的submit例子") 我的代码 ``` $("#form_wizard .button-submit").click(function(h) { alert("You just finished the wizard. :-)"); // 打印成功 c.attr('action',"user/performTest"); // var c = $("#sample_form"); 见form_wizard.js 文件开头 c.attr('method',"GET"); alert(c.serialize()); // sample_form的所有参数都成功打印出来了 c.submit(); // 浏览器的开发工具里看不到URL,后台也没有收到URL alert(c.attr('action') + " " + c.attr('method')); // 两个变量都成功打印出来了 }).hide(); ``` 基本情况: 1,html 文件是 [form_wizard.html](http://envato.stammtec.de/themeforest/melon/form_wizard.html "form_wizard.html") 2,JS 文件是 form_wizard.js ``` "use strict"; $(document).ready(function() { var c = $("#sample_form"); var d = $("#form_wizard"); var a = $(".alert-danger", c); var f = $(".alert-success", c); c.validate({ doNotHideMessage: true, focusInvalid: false, invalidHandler: function(h, g) { f.hide(); a.show() }, submitHandler: function(g) { f.show(); a.hide(); } }); var e = function() { $("#tab4 .form-control-static", c).each(function() { var g = $('[name="' + $(this).attr("data-display") + '"]', c); if (g.is(":text") || g.is("textarea")) { $(this).html(g.val()) } else { if (g.is("select")) { $(this).html(g.find("option:selected").text()) } else { if (g.is(":radio") && g.is(":checked")) { $(this).html(g.attr("data-title")) } } } }) }; var b = function(k, g, h) { /*var str = JSON.stringify(k); alert(str); str = JSON.stringify(g); alert(str); str = JSON.stringify(h); alert(str);*/ var l = g.find("li").length; var m = h + 1; $(".step-title", d).text("Step " + (h + 1) + " of " + l); $("li", d).removeClass("done"); var n = g.find("li"); for (var j = 0; j < h; j++) { $(n[j]).addClass("done") } if (m == 1) { d.find(".button-previous").hide() } else { d.find(".button-previous").show() } if (m >= l) { d.find(".button-next").hide(); d.find(".button-submit").show(); e() } else { d.find(".button-next").show(); d.find(".button-submit").hide() } }; d.bootstrapWizard({ nextSelector: ".button-next", previousSelector: ".button-previous", onTabClick: function(i, g, h, j) { f.hide(); a.hide(); if (c.valid() == false) { return false } b(i, g, j) }, onNext: function(i, g, h) { f.hide(); a.hide(); if (c.valid() == false) { return false } b(i, g, h) }, onPrevious: function(i, g, h) { f.hide(); a.hide(); b(i, g, h) }, onTabShow: function(j, g, i) { var k = g.find("li").length; var l = i + 1; var h = (l / k) * 100; d.find(".progress-bar").css({ width: h + "%" }) } }); d.find(".button-previous").hide(); $("#form_wizard .button-submit").click(function(h) { alert("You just finished the wizard. :-)"); c.attr('action',"user/performTest"); c.attr('method',"GET"); alert(c.serialize()); c.submit(); alert(c.attr('action') + " " + c.attr('method')); }).hide(); }); ```
利用ajax动态的提取mysql中的数据,并且在前端页面中展示出来
代码如下: 前端html: ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <!--<script type="text/javascript" src="jquery.js"></script>--> <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <body> <div id="main" style="width: 600px;height:400px;"></div> </body> </html> <script> var app = { xvalue: [], yvalue: [], z:[], }; // 发送ajax请求,从后台获取json数据 $(document).ready(function () { getData(); console.log(app.value1); console.log(app.timepoint) console.log(app.predictvalue1) }); function getData() { $.ajax({ url: '/test', data: {}, type: 'POST', async: false, dataType: 'json', success: function (data) { app.value1 = data.value1; app.predictvalue1=data.predictvalue1; value1 = app.value1; predictvalue1=app.predictvalue1; function trueData(i) { now = new Date(+now + oneDay); value = value1[i]; return { name: now.toString(), value: [ [now.getFullYear(), now.getMonth() + 1, now.getDate()].join('/'), Math.round(value) ] } } function predictData(i) { now1 = new Date(+now1 + oneDay); predictvalue = predictvalue1[i]; return { name: now1.toString(), value: [ [now1.getFullYear(), now1.getMonth() + 1, now1.getDate()].join('/'), Math.round(predictvalue) ] } } var data = []; var predictdata=[]; var now = +new Date(1997, 9, 3); var now1 = +new Date(1997, 9, 4); var oneDay = 24 * 3600 * 1000; for (var i = 0; i < value1.length; i++) { data.push(trueData(i)); } for (var i = 0; i < predictvalue1.length; i++) { predictdata.push(predictData(i)); } // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); option = { title: { text: '动态数据 + 时间坐标轴' }, tooltip: { trigger: 'axis', formatter: function (params) { params = params[0]; var date = new Date(params.name); return date.getDate() + '/' + (date.getMonth() + 1) + '/' + date.getFullYear() + ' : ' + params.value[1]; }, axisPointer: { animation: false } }, xAxis: { type: 'time', splitLine: { show: false } }, yAxis: { type: 'value', boundaryGap: [0, '100%'], splitLine: { show: false } }, series: [{ name: '真实数据', type: 'line', showSymbol: false, hoverAnimation: false, data: [], markLine: { itemStyle: { normal: { borderWidth: 1, lineStyle: { type: "dash", color: 'red', width: 2 }, show: true, color: '#4c5336' } }, data: [{ yAxis: 900 }] } }, { name: '预测数据', type: 'line', showSymbol: false, hoverAnimation: false, data: [], markLine: { itemStyle: { normal: { borderWidth: 1, lineStyle: { type: "dash", color: 'blue', width: 2 }, show: true, color: '#4c5336' } }, data: [{ yAxis: 900 }] } }] }; // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); setInterval(function () { for (var i = 0; i < 1; i++) { data.shift(); data.push(trueData(i)); } for (var i = 0; i < 1; i++) { predictdata.shift(); predictdata.push(predictData(i)); } myChart.setOption({ series: [{ data: data }, { data: predictdata }] }); }, 1000); } }) } </script> </body> </html> ``` 后端py,用的是flask框架: ``` import MySQLdb from flask import Flask, render_template, url_for import pymysql import pandas as pd import numpy as np from pandas import read_csv import matplotlib.pyplot as plt from sklearn.preprocessing import MinMaxScaler from sklearn.metrics import mean_squared_error from keras.models import Sequential from keras.layers import LSTM, Dense, Activation,Dropout import json import operator from functools import reduce import math import tensorflow as tf from keras import initializers import time # 生成Flask实例 app = Flask(__name__) @app.route("/") def hello(): return render_template('new_file.html') # /test路由 接收前端的Ajax请求 @app.route('/test', methods=['POST']) def my_echart(): # 连接数据库 conn = MySQLdb.connect(host='127.0.0.1', port=3306, user='root', passwd='123456', db='test', charset='utf8') cur = conn.cursor() sql = 'SELECT timepoint,value1 from timeseries' cur.execute(sql) u = cur.fetchall() timepoint = [] value1 = [] for data in u: value1.append(data[1]) timepoint.append(data[0]) print(value1) # 转换成json格式 jsonData = {} jsonData['value1'] = value1 jsonData['timepoint']=timepoint # json.dumps()用于将dict类型的数据转换成str,因为如果直接将dict类型的数据写入json会报错,因此将数据写入时需要用到此函数 j = json.dumps(jsonData) cur.close() conn.close() # 在浏览器上渲染my_template.html模板(为了查看输出数据) return (j) if __name__ == '__main__': app.run(debug=True,port='5000') ``` 返回的数据是从mysql中读取的,现在我想用ajax的方法定时请求数据库的下一个数据到达前台,并且刷新页面显示出来,应该怎么修改代码? 数据库如下: ![图片说明](https://img-ask.csdn.net/upload/201905/24/1558685991_221903.jpg)
求助!使用安卓手机可以提交表单,使用苹果手机提交总会失败
# 我制作了一个表单用于提交信息到php后台处理,再提交到数据库, # 我测试过,使用pc端和安卓手机提交是没有问题的,每次提交成功都会弹出提示框 # 提示提交成功, # 但是当我使用苹果手机的浏览器登录网页并提交表单的时候,每次提交都不会弹出提示框作出提示,而且每次提交大部分都提交失败 # # 我是否需要修改苹果手机的设置,或者修改我的表单代码,使苹果手机也能弹出提示框并保证提交表单成功? # ** # # 前端 # ``` <!DOCTYPE html> <html> <title>HTML5 Contact Form</title> <style type="text/css"> .contact_form{border:1px solid #DDDDDD;padding:10px;width:760px;margin:40px auto 0 auto;} </style> <link rel="stylesheet" media="screen" href="" > </head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <body> <script src="jquery.min.js"></script> <script> function getZhi(){ var name = $("#name").val(); var place = $("#place").val(); var method = $("#method").val(); var number = $("#number").val(); var s = "来到" + place + name + "工地,现场" + method + ",拍照取证。" + "//六组/六组巡查照片/" + place + "/" + name + "/"+ number; $.post('intoA.PHP', {'message':s, 'number':number}, function (msg) { alert( "Data Saved: " + msg ); }); }; </script> <form class="contact_form" action="" method="post" name="contact_form"><!--"#"用来 填处理表单数据的php文件--> <ul> <li> 姓名:<select size="1" input type="name" id="name"> <option></option> <option>姚锦堂</option> <option>姚钿深</option> <option>姚换章</option> <option>姚淦强</option> <option>姚灿伦</option> <option>姚志坤</option> <option>姚福全</option> <option>姚满权</option> <option>姚志良</option> <option>姚月培</option> <option>姚惠全</option> <option>姚桂祥</option> <option>姚桥旺</option> <option>刘见华</option> <option>刘天伟</option> <option>刘涌旺</option> <option>潘成泰</option> <option>潘国平</option> <option>潘庆堂</option> <option>张煜新</option> <option>杨道庭</option> <option>黄庆培</option> <option>曾德联</option> <option>陈仲汝</option> <option>李满堂</option> <option>企石中学</option> <option>东平村委会</option> <option>第七中学对面</option> <option>东莞市钜辉建设工程有限公司</option> </select> </li> <li> 地址:<select size="1" input type="place" id="place"> <option></option> <option>东山村</option> <option>清湖村</option> <option>新南村</option> <option>上截村</option> <option>下截村</option> <option>东平村</option> <option>上洞村</option> <option>南坑村</option> <option>霞朗村</option> <option>铁炉坑村</option> </select> </li> <li> 处理:<select size="1" input type="method" id="method"> <option></option> <option>无工人作业</option> <option>有1名工人作业,进行驱赶</option> <option>有3名工人作业,进行驱赶</option> <option>有5名工人作业,进行驱赶</option> <option>有7名工人作业,进行驱赶</option> <option>有12名工人作业,进行驱赶</option> <option>有14名工人作业,进行驱赶</option> <option>有16名工人作业,进行驱赶</option> <option>有18名工人作业,进行驱赶</option> <option>对工地进行勘验,制作笔录,下发了责令限期整改通知书(东综管责字[2017]第31-00000号)</option> </select> </li> <li> <label for="number">日期</label> <input id="number" name="number"> </li> <li> <button class="submit" onclick='javascript:getZhi();'>提交</button> </li> </ul> </form> </body> </html> ``` # 后台 ``` <?php $servername = "localhost"; $username = "root"; $password = "yy6788402"; $dbname = "A"; // 创建连接 $conn = new mysqli($servername, $username, $password, $dbname); // 检测连接 if ($conn->connect_error) { die("连接失败: " . $conn->connect_error); } $message = $_POST['message']; $number = $_POST['number']; $sql = "INSERT INTO B SET message='$message', date='$number'"; if ($conn->query($sql) === TRUE) { echo "提交成功"; } else { echo "Error: " . $sql . "<br>" . $conn->error; } $conn->close(); ?> ``` # **
jsp页面为什么加载两次?
jsp页面代码如图: ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@include file="/context/mytags.jsp"%> <script src="https://cdn.hcharts.cn/highcharts/highcharts.js" ></script> <div id="smsResultListtb" style="padding: 3px; height: 25px"> <div name='searchColums' style="float:left;padding-right:15px;"> 开始:<input name="begin" id="begin" class="easyui-datebox" value="${begin}" /> 截止:<input name="end" id="end"class="easyui-datebox" value="${end}" /> </select> <a class="easyui-linkbutton" iconCls="icon-search" onclick="smsResultListsearch()">查询</a> </div> </div> <script type="text/javascript"> $(function(){ showPicture('2017-03-03','2017-03-13','1') alert('=====================1111'); //setTimeout(alert(),20000); }); function smsResultListsearch() { var begin = $("#begin").datebox('getValue'); var end = $("#end").datebox('getValue'); //alert( "....begin..." + begin + "...end..."+ end); showPicture(begin, end,'1'); } function createt(allData,cmppData,smgpData,sgipData,dateData){ //alert('====================='); var chart = new Highcharts.Chart('container', { title: { text: '河南省公积金系统上行短信量', x: -20 }, credits: { //是否显示版权信息 enabled: false }, subtitle: { text: '', x: -20 }, xAxis: { categories:dateData }, yAxis: { title: { text: '' }, plotLines: [{ value: 0, width: 1, color: '#808080' }] }, tooltip: { shared: true, crosshairs: true, crosshairs: [{ width: 1, color: "#006cee", dashStyle: 'longdashdot', zIndex: 100 }], // 时间格式化字符 // 默认会根据当前的数据点间隔取对应的值 // 当前图表中数据点间隔为 1天,所以配置 day 值即可 dateTimeLabelFormats: { day: '%Y-%m-%d' } }, legend: { layout: 'vertical', align: 'right', verticalAlign: 'middle', borderWidth: 0 }, series: [{ name: '全部上行', data: allData },{ name: '移动上行', data: cmppData },{ name: '联通上行', data: smgpData },{ name: '电信上行', data: sgipData }] }); } function showPicture(begin, end,type) { //alert('qqqqqqqqqqqqqqqqqq'); $.ajax({ type : "POST", url : "proCountController.do?getBroswerBar", data : {'begin' : begin,'end' : end,'type':type}, dataType : 'json', contentType: "application/x-www-form-urlencoded; charset=utf-8", success : function(jsondata) { // alert('ddd'); var date=jsondata.attributes.dateList; createt(jsondata.attributes.allList,jsondata.attributes.cmppList,jsondata.attributes.smgpList,jsondata.attributes.sgipList,jsondata.attributes.dateList); } }); }; $(document).ready(function(){ }); </script> <div id="container" style="width:400; height:300"></div> ``` 该页面再一次请求中加载了两次,从alert(“================1111”)得到结论,另外附上浏览器的请求。![图片说明](https://img-ask.csdn.net/upload/201705/05/1493966831_552249.png) 图片上右边的jQuery不是自己引入的。我引入了一个关于highchart的cdn服务。 然后是对应行数的的js代码:![图片说明](https://img-ask.csdn.net/upload/201705/05/1493967864_878684.png)
悬赏区第二页我发了一样的问题!使用安卓手机可以提交表单,使用苹果手机提交总会失败
# 我制作了一个表单用于提交信息到php后台处理,再提交到数据库, # 我测试过,使用pc端和安卓手机提交是没有问题的,每次提交成功都会弹出提示框 # 提示提交成功, # 但是当我使用苹果手机的浏览器登录网页并提交表单的时候,每次提交都不会弹出提示框作出提示,而且每次提交大部分都提交失败 # # 我是否需要修改苹果手机的设置,或者修改我的表单代码,使苹果手机也能弹出提示框并保证提交表单成功? # ** # # 前端 # ``` <!DOCTYPE html> <html> <title>HTML5 Contact Form</title> <style type="text/css"> .contact_form{border:1px solid #DDDDDD;padding:10px;width:760px;margin:40px auto 0 auto;} </style> <link rel="stylesheet" media="screen" href="" > </head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <body> <script src="jquery.min.js"></script> <script> function getZhi(){ var name = $("#name").val(); var place = $("#place").val(); var method = $("#method").val(); var number = $("#number").val(); var s = "来到" + place + name + "工地,现场" + method + ",拍照取证。" + "//六组/六组巡查照片/" + place + "/" + name + "/"+ number; $.post('intoA.PHP', {'message':s, 'number':number}, function (msg) { alert( "Data Saved: " + msg ); }); }; </script> <form class="contact_form" action="" method="post" name="contact_form"><!--"#"用来 填处理表单数据的php文件--> <ul> <li> 姓名:<select size="1" input type="name" id="name"> <option></option> <option>姚锦堂</option> <option>姚钿深</option> <option>姚换章</option> <option>姚淦强</option> <option>姚灿伦</option> <option>姚志坤</option> <option>姚福全</option> <option>姚满权</option> <option>姚志良</option> <option>姚月培</option> <option>姚惠全</option> <option>姚桂祥</option> <option>姚桥旺</option> <option>刘见华</option> <option>刘天伟</option> <option>刘涌旺</option> <option>潘成泰</option> <option>潘国平</option> <option>潘庆堂</option> <option>张煜新</option> <option>杨道庭</option> <option>黄庆培</option> <option>曾德联</option> <option>陈仲汝</option> <option>李满堂</option> <option>企石中学</option> <option>东平村委会</option> <option>第七中学对面</option> <option>东莞市钜辉建设工程有限公司</option> </select> </li> <li> 地址:<select size="1" input type="place" id="place"> <option></option> <option>东山村</option> <option>清湖村</option> <option>新南村</option> <option>上截村</option> <option>下截村</option> <option>东平村</option> <option>上洞村</option> <option>南坑村</option> <option>霞朗村</option> <option>铁炉坑村</option> </select> </li> <li> 处理:<select size="1" input type="method" id="method"> <option></option> <option>无工人作业</option> <option>有1名工人作业,进行驱赶</option> <option>有3名工人作业,进行驱赶</option> <option>有5名工人作业,进行驱赶</option> <option>有7名工人作业,进行驱赶</option> <option>有12名工人作业,进行驱赶</option> <option>有14名工人作业,进行驱赶</option> <option>有16名工人作业,进行驱赶</option> <option>有18名工人作业,进行驱赶</option> <option>对工地进行勘验,制作笔录,下发了责令限期整改通知书(东综管责字[2017]第31-00000号)</option> </select> </li> <li> <label for="number">日期</label> <input id="number" name="number"> </li> <li> <button class="submit" onclick='javascript:getZhi();'>提交</button> </li> </ul> </form> </body> </html> ``` # 后台 ``` <?php $servername = "localhost"; $username = "root"; $password = "yy6788402"; $dbname = "A"; // 创建连接 $conn = new mysqli($servername, $username, $password, $dbname); // 检测连接 if ($conn->connect_error) { die("连接失败: " . $conn->connect_error); } $message = $_POST['message']; $number = $_POST['number']; $sql = "INSERT INTO B SET message='$message', date='$number'"; if ($conn->query($sql) === TRUE) { echo "提交成功"; } else { echo "Error: " . $sql . "<br>" . $conn->error; } $conn->close(); ?> ``` # **
Ajax使用-当选中职位类别时,它所对应的父岗位ID就会用复选框方式显示出来
控制器内: public ModelAndView addPosition() { Map<String, Object> map = new HashMap<String, Object>(); return new ModelAndView("admin/positionAdd",map); } public String savePosition(HttpServletRequest request) throws IOException { String post_type = request.getParameter("post_type"); String post_code = request.getParameter("post_code"); String post_name = request.getParameter("post_name"); String post_duties = request.getParameter("post_duties"); String parent_id = request.getParameter("parent_id"); String check_state = request.getParameter("check_state"); String check_note = request.getParameter("check_note"); String state = request.getParameter("state"); Position position = new Position(); position.setId(Common.returnUUID()); position.setPost_type(post_type); position.setPost_code(post_code); position.setPost_name(post_name); position.setPost_duties(post_duties); position.setParent_id(parent_id); position.setCheck_state(check_state); position.setCheck_note(check_note); position.setState(state); positionService.insert(position); return "redirect:positionList.do"; } @RequestMapping("admin/editPosition.do") public ModelAndView editPosition(ModelMap modelMap, String id) { Position position = (Position) positionService.selectByID(id); modelMap.put("p", position); return new ModelAndView("admin/positionEdit", modelMap); } public String editPosition(@ModelAttribute("Position") Position position) throws IOException { positionService.update(position); return "redirect:positionList.do"; } public String deletePosition(String id) { Position position = new Position(); position.setId(id); positionService.delete(position); return "redirect:positionList.do"; } public String positionList(HttpSession session, HttpServletRequest request,HttpServletResponse response) { String post_type = request.getParameter("post_type"); @SuppressWarnings("unchecked") List<Position> pList = this.positionService.selectList(post_type); StringBuffer sb= new StringBuffer(); sb.append("<tr id = 'select'>"); for (Position position : pList) { sb.append("<td> <input type='checkbox' id='position' name='position' value ='"+position.getPost_code()+"'>" +position.getPost_name()+ "</td>"); } sb.append("</tr>"); try { response.getWriter().println(sb.toString()); } catch (IOException e) { // TODO Auto-generated catch block e.printStackTrace(); } return null; } JSP页面: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script> <title>添加企业岗位</title> <script type="text/javascript"> function changeCK() { var selectedValue = document.getElementById("post_type"); var selectedIndex = selectedValue.selectedIndex; var ajaxUrl = "duiying.do?post_type=" + selectedValue.options[selectedIndex].value; ajaxFunction(ajaxUrl); document.getElementById("scope").style.display = ""; } function getScope() { } function setVals() { var id = document.getElementsByName("position"); var value = ""; var name = ""; for(var i = 0; i < id.length; i++){ if(id[i].checked) value += id[i].value+","; name += id[i].text+","; } //alert(value); document.getElementById("parent_id").value = value;//"111,222"; document.getElementById("temp1").value = name;//"111,222"; document.getElementById("scope").style.display = "none"; } function ajaxFunction(url) { //考虑到不同浏览器的兼容性,所以做出判断。 var xmlHttp; if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } else if (window.ActiveObject) { try { xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { } } } //监控和接受后台传的字符串 xmlHttp.onreadystatechange = function() { if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { var result = xmlHttp.responseText; //document.getElementById("select").html(); //alert(result); $("#select").html(result); //select fenge(result); //"<p><input type='checkbox' id='checkbox' name='${ts.practice_code}' value='${ts.stu_code}' > ${ts.stu_name}+ ${ts.practice_code}</p>"; } }; xmlHttp.open("GET",url,false); xmlHttp.send(null); } //分割解析字符串。 function fenge(neirong) { } </script> </head> <body> <form name="form1" id="myform" method="post" action="doAddPosition.do"> <table border="0" width="400"> <tr> <td width="100">职位类别:</td> <td width="300"><select name="post_type" id="post_type" onChange="changeCK()"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select></td> </tr> <tr> <td width="100">岗位编码:</td> <td width="300"><input type="text" name="post_code" /></td> </tr> <tr> <td width="100">岗位名称:</td> <td width="300"><input type="text" name="post_name" /></td> </tr> <tr> <td width="100">岗位职责:</td> <td width="300"><input type="text" name="post_duties" /></td> </tr> <tr> <td width="100">父岗位id:</td> <td width="300"><input type="text" name="parent_id" /></td> </tr> <tr> <td width="100">审核备注:</td> <td width="300"><input type="text" name="check_note" /></td> <tr> <td width="100">状态:</td> <td width="300"><select name="state" id="state"> <option value="1">有效</option> <option value="2">无效</option> </select> </td> </tr> </table> <div id="scope" style="display:none"> <table> <tr id = "select"><td>请选择</td></tr> </table> <button type="button" onClick="setVals()">确定</button> </div> <div style="margin-top:20px;"> <input type="submit" value="保存" />&nbsp;&nbsp;&nbsp;&nbsp; <button type="button" onclick="window.location='./positionList.do'">返回</button> </div> </form> </body> </html> <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>修改企业岗位</title> <script language="javascript"> function changeBoxes(action) { var oForm = document.forms["myForm1"]; var oCheckBox = oForm.college; for(var i=0;i<oCheckBox.length;i++) //遍历每一个选项 if(action<0) //反选 oCheckBox[i].checked = !oCheckBox[i].checked; else //action为1是则全选,为0时则全不选 oCheckBox[i].checked = action; }</script> </head> <body> <form name="form1" method="post" action="doEditPosition.do"> <input type="hidden" name="id" name="id" value="${p.id}"> <table border="1" width="400"> <tr> <td width="100">职位类别:</td> <td width="300"><input type="text" name="post_type" value="${p.post_type}"> </td> </tr> <tr> <td width="100">岗位编码:</td> <td width="300"><input type="text" name="post_code" value="${p.post_code}"> </td> </tr> <tr> <td width="100">岗位名称:</td> <td width="300"><input type="text" name="post_name" value="${p.post_name}"> </td> </tr> <tr> <td width="100">岗位职责:</td> <td width="300"><input type="text" name="post_duties" value="${p.post_duties}" /> </td> </tr> <tr> <td width="100">父岗位id:</td> <td width="300"><input type="text" name="parent_id" value="${p.parent_id}" /> </td> </tr> <tr> <td width="100">审核备注:</td> <td width="300"><input type="text" name="check_note" value="${p.check_note}" /> </td> </tr> <tr> <td width="100">状态:</td> <td width="300"><input type="text" name="state" value="${p.state}" /> </td> </tr> </table> <div style="margin-top:20px;"> <input type="submit" value="保存" />&nbsp;&nbsp;&nbsp;&nbsp; <button type="button" onclick="window.location='./positionList.do'">返回</button> </div> </form> </body> </html>
相见恨晚的超实用网站
相见恨晚的超实用网站 持续更新中。。。
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 free -m 其中:m表示兆,也可以用g,注意都要小写 Men:表示物理内存统计 total:表示物理内存总数(total=used+free) use...
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
python学习方法总结(内附python全套学习资料)
不要再问我python好不好学了 我之前做过半年少儿编程老师,一个小学四年级的小孩子都能在我的教学下独立完成python游戏,植物大战僵尸简单版,如果要肯花时间,接下来的网络开发也不是问题,人工智能也可以学个调包也没啥问题。。。。。所以python真的是想学就一定能学会的!!!! --------------------华丽的分割线-------------------------------- ...
兼职程序员一般可以从什么平台接私活?
这个问题我进行了系统性的总结,以下将进行言简意赅的说明和渠道提供,希望对各位小猿/小媛们有帮助~ 根据我们的经验,程序员兼职主要分为三种:兼职职位众包、项目整包和自由职业者驻场。 所谓的兼职职位众包,指的是需求方这边有自有工程师配合,只需要某个职位的工程师开发某个模块的项目。比如开发一个 app,后端接口有人开发,但是缺少 iOS 前端开发工程师,那么他们就会发布一个职位招聘前端,来配合公司一...
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 演示地点演示 html代码如下` music 这个年纪 七月的风 音乐 ` 然后就是css`*{ margin: 0; padding: 0; text-decoration: none; list-...
JAVA 基础练习题
第一题 1.查看以下代码,并写出结果 public class Test01 { public static void main(String[] args) { int i1 = 5; boolean result = (i1++ &gt; 5) &amp;&amp; (++i1 &gt; 4); System.out.println(result); Sy...
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。
数据库优化 - SQL优化
以实际SQL入手,带你一步一步走上SQL优化之路!
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 cpp 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7 p...
通俗易懂地给女朋友讲:线程池的内部原理
餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”
C++知识点 —— 整合(持续更新中)
本文记录自己在自学C++过程中不同于C的一些知识点,适合于有C语言基础的同学阅读。如果纰漏,欢迎回复指正 目录 第一部分 基础知识 一、HelloWorld与命名空间 二、引用和引用参数 2.1引用的定义 2.2 将引用用作函数参数 2.3 将引用用于类对象 2.4 引用和继承 2.5 何时使用引用参数 2.6 引用和指针的区别 三、内联函数 四、默认参数的...
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小型人工智障。 知识可以运用在不同地方,不一定非是天气预报。
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
Python实例大全(基于Python3.7.4)
博客说明: 这是自己写的有关python语言的一篇综合博客。 只作为知识广度和编程技巧学习,不过于追究学习深度,点到即止、会用即可。 主要是基础语句,如三大控制语句(顺序、分支、循环),随机数的生成,数据类型的区分和使用; 也会涉及常用的算法和数据结构,以及面试题相关经验; 主体部分是针对python的数据挖掘和数据分析,主要先攻爬虫方向:正则表达式匹配,常用数据清洗办法,scrapy及其他爬虫框架,数据存储方式及其实现; 最后还会粗略涉及人工智能领域,玩转大数据与云计算、进行相关的预测和分析。
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹...
面试官:你连RESTful都不知道我怎么敢要你?
干货,2019 RESTful最贱实践
机械转行java自学经历,零基础学java,血泪总结的干货
机械转行java自学经历,零基础学java,血泪总结的干货 据说,再恩爱的夫妻,一生中都有100次想离婚的念头和50次想掐死对方的冲动。 求职路上亦是如此,打开这篇文章,相信你也有转行的想法。和身边的朋友聊过,入职后的他们,或多或少对现在的职位都有些不满,都有过转行的冲动。 可他们只是想,而我真的这样做了。 下面就介绍下我转行的血泪史。 我为什么要转行 高中复读了一年,考了个双非院校的机械。当时...
刷了几千道算法题,这些我私藏的刷题网站都在这里了!
遥想当年,机缘巧合入了 ACM 的坑,周边巨擘林立,从此过上了"天天被虐似死狗"的生活… 然而我是谁,我可是死狗中的战斗鸡,智力不够那刷题来凑,开始了夜以继日哼哧哼哧刷题的日子,从此"读题与提交齐飞, AC 与 WA 一色 ",我惊喜的发现被题虐既刺激又有快感,那一刻我泪流满面。这么好的事儿作为一个正直的人绝不能自己独享,经过激烈的颅内斗争,我决定把我私藏的十几个 T 的,阿不,十几个刷题网...
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看...
【Linux系统编程】Linux信号列表
00. 目录 文章目录00. 目录01. Linux信号编号02. 信号简介03. 特殊信号04. 附录 01. Linux信号编号 在 Linux 下,每个信号的名字都以字符 SIG 开头,每个信号和一个数字编码相对应,在头文件 signum.h 中,这些信号都被定义为正整数。信号名定义路径:/usr/include/i386-linux-gnu/bits/signum.h 要想查看这些信号和...
JavaScript 为什么能活到现在?
作者 | 司徒正美 责编 |郭芮 出品 | CSDN(ID:CSDNnews) JavaScript能发展到现在的程度已经经历不少的坎坷,早产带来的某些缺陷是永久性的,因此浏览器才有禁用JavaScript的选项。甚至在jQuery时代有人问出这样的问题,jQuery与JavaScript哪个快?在Babel.js出来之前,发明一门全新的语言代码代替JavaScript...
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
致 Python 初学者
欢迎来到“Python进阶”专栏!来到这里的每一位同学,应该大致上学习了很多 Python 的基础知识,正在努力成长的过程中。在此期间,一定遇到了很多的困惑,对未来的学习方向感到迷茫。我非常理解你们所面临的处境。我从2007年开始接触 python 这门编程语言,从2009年开始单一使用 python 应对所有的开发工作,直至今天。回顾自己的学习过程,也曾经遇到过无数的困难,也曾经迷茫过、困惑过。开办这个专栏,正是为了帮助像我当年一样困惑的 Python 初学者走出困境、快速成长。希望我的经验能真正帮到你
Python 编程开发 实用经验和技巧
Python是一门很灵活的语言,也有很多实用的方法,有时候实现一个功能可以用多种方法实现,我这里总结了一些常用的方法和技巧,包括小数保留指定位小数、判断变量的数据类型、类方法@classmethod、制表符中文对齐、遍历字典、datetime.timedelta的使用等,会持续更新......
借助AI力量,谷歌解开生命奥秘?
全文共4484字,预计学习时长8分钟 Paweł Czerwiński发布在 Unsplash上的原图 假如疾病不复存在会发生什么?如果我们能像大自然一样迅速获取能量又会发生什么?要是我们能够在极短时间内循环塑料、废油、或其它的一些物质呢?如果人类能够解开生命的奥秘,那么以上这些想象将在未来成为现实。人工智能企业DeepMind的数据科学分析师日前在此领域有了重大发现。以下为具体内容:...
吐血推荐珍藏的Visual Studio Code插件
作为一名Java工程师,由于工作需要,最近一个月一直在写NodeJS,这种经历可以说是一部辛酸史了。好在有神器Visual Studio Code陪伴,让我的这段经历没有更加困难。眼看这段经历要告一段落了,今天就来给大家分享一下我常用的一些VSC的插件。 VSC的插件安装方法很简单,只需要点击左侧最下方的插件栏选项,然后就可以搜索你想要的插件了。 下面我们进入正题 Material Theme ...
相关热词 c#中dns类 c#合并的excel c# implicit c#怎么保留3个小数点 c# 串口通信、 网络调试助手c# c# 泛型比较大小 c#解压分卷问题 c#启动居中 c# 逻辑或运算符
立即提问