解决IE8使用jquery设置网页标题title报错

本文介绍了一种在Internet Explorer 8中使用jQuery设置网页标题时遇到的问题及解决方案。直接使用jQuery修改title会导致错误,推荐使用document.title来确保浏览器间的兼容性。

解决IE8使用jquery设置网页标题title报错

本以为这样的语句设置网页标题应该没问题,

$('title').text('常见故障处理');

结果发现IE8运行此语句竟然报错!

IE8,下面语句运行报错:


解决:

后面发现这样设置网页标题,兼容性还不错:(2014-6-19,火狐、chrome、IE8测试通过)

document.title = "标题";


<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="js/echarts.min.js"></script> <script src="js/jquery-3.3.1.js"></script> </head> <body> <!---为ECharts准备一个具备大小(宽高)的DOM---> <div id="main" style="width: 700px; height: 500px"></div> <script type="text/javascript"> //基于准备好的DOM,初始化ECharts图表 var myChart = echarts.init(document.getElementById("main")); //指定图表的配置项和数据 myChart.showLoading(); // 加载状态-开始 $.get("data/ch_6_5_2_data_pie.json").done(function (data) { data = typeof data === "string" ? JSON.parse(data) : data; var option = { color: ['red', 'blue', 'LimeGreen', 'Teal', 'Purple', 'Olive'], backgroundColor: 'rgba(128, 128, 128, 0.1)', //rgba设置透明度为0.1 tooltip: { trigger: 'item', formatter: "{a} <br/>{b}: {c} ({d}%)" }, title: { //配置标题组件 text: '特色高水平专业群', //设置标题 subtext: '各专业学生人数统计', //设置标题 left: 'center', top: 8 //设置主、次标题都左右居中 }, series: [ //配置数据系列 { name: '特高专业群之专业:', type: 'pie', //设置图表类型为饼图 radius: ['45%', '75%'], //设置饼图内、外圆的半径 center: ['50%', '58%'], //设置圆心的位置 data: data.data_pie } ] }; myChart.setOption(option); // 加载状态2秒结束 setTimeout(function(){ myChart.hideLoading(); }, 2000); }); </script> </body> </html> 此段代码为何不能加载出图形
最新发布
06-28
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值