web前端，备忘录

最新推荐文章于 2022-07-24 20:11:47 发布

策码奔腾的小单

最新推荐文章于 2022-07-24 20:11:47 发布

阅读量1.4k

点赞数

本文链接：https://blog.csdn.net/shansusu/article/details/41842599

版权

更多2019年的技术文章，欢迎关注我的微信公众号：码不停蹄的小鼠松（微信号：busy_squirrel），也可扫下方二维码关注获取最新文章哦~

1、关于切页的讲解，见 http://v3.bootcss.com/javascript/#tabs

2、有关于html中table合并单元格的讲解，见 http://www.cnblogs.com/penny/archive/2008/09/09/1287606.html

3、有关于font-awesome的讲解，图标的使用，见 http://fontawesome.dashgame.com/

4、关于web中打开新页面或者页面跳转的讲解，见 http://axmanhz.blog.sohu.com/276735051.html

5、曾经参考的bootstrap官方的界面排版，见网页 http://job.bootcss.com/

6、js判断radio的选中情况，见 http://bbs.csdn.net/topics/350109914

7、调整jsp页面的字体大小，见 http://blog.csdn.net/tfy1332/article/details/22684547

8、highcharts常见error，见 http://www.stepday.com/topic/?917

9、highcharts常用设置，见 http://blog.csdn.net/luckylcs/article/details/18315611

10、csv文件的读写，见 http://blog.csdn.net/beyond667/article/details/8991525

11、饼状图的颜色更改方式，见 http://zhidao.baidu.com/link?url=I5jCoohZwgDn_tzRODCaH_f01NaauesKLfOCEgibaRgDnPcOZ3hE2_83bYKACGIMTtA-fvDLZCOyEB30kIcxIK

12、div中滚动条的设置，用overflow；

13、highcharts中图例的设置，见 http://www.cnblogs.com/linn/p/3920068.html

14、highcharts中柱状图设置3D立体的感觉，见 http://www.stepday.com/topic/?951

15、highchart中数据点的数据显示格式问题，见 http://www.hcharts.cn/api/index.php#plotOptions.series.dataLabels.format

16、关于下拉框的知识点以及控件的选择(bootstrap-select控件)，见：http://blog.aizhet.com/web/5711.html，http://silviomoreto.github.io/bootstrap-select/，http://blog.fens.me/tag/bootstrap-select/，http://www.html580.com/?SfniKLbF，http://www.html580.com/8412。主要添加3个文件，在head开头，添加bootstrap-select.css文件，在末尾，添加bootstrap.min.js和bootstrap-select.min.js文件，不加css文件，会导致下拉框出不来，若多加了bootstrap-select.js文件，则会导致每个选项后面都有个对号出现；

17、在js中的赋值操作，若有变量定义如下：

var a = keyanxiangmuInputId1;

那么，变量a对应的是一个object类型的变量；不能把a当做一个指向字符串 'keyanxiangmuInputId1'的一个字符型的变量。同理，定义数组如下：

var radios = [keyanxiangmuInputId1,keyanxiangmuInputId2,keyanxiangmuInputId3,keyanxiangmuInputId4,keyanxiangmuInputId5];

这里的radios类型仍然是一个object。为了便于理解，这里附上一段js获取input的代码片段：

var value;
var a = keyanxiangmuInputId1;
var radios = [keyanxiangmuInputId1,keyanxiangmuInputId2,keyanxiangmuInputId3,keyanxiangmuInputId4,keyanxiangmuInputId5];
for(var i = 0; i < radios.length; i ++) {
	if(radios[i].checked == true) {
		value = $(radios[i]).val();
		break;
	}
}

所以，在获取某一个input的值时，可直接$(a).val()得到，因为$()里面的东西，就是要获得某一个空间的对象，即object。

18、js文件之间的相互调用，两种方式：

第一种，使两个js页面经过一个中间媒介，html或者jsp页面，eg：

<script type="text/javascript" src = "/EVM/js/companyAssessmentCharts.js"></script>
<script type="text/javascript" src = "/EVM/js/deptAssessmentCharts.js"></script>

在<head></head>中加入这两行代码，就可以实现deptAssessment.js调用companyAssessment.js中的函数、变量等。另外，这种方式下，这两个文件引用的先后顺序不做规定，即也可以这么写：

<script type="text/javascript" src = "/EVM/js/deptAssessmentCharts.js"></script>

<script type="text/javascript" src = "/EVM/js/companyAssessmentCharts.js"></script>

都可实现调用。

第二种，在调用文件中引入被调用文件。eg：

<pre name="code" class="javascript">document.write("<script type=\"text/javascript\" src = \"/EVM/js/companyAssessmentCharts.js\"></script>");	//调用另外一个js文件

这样，也可实现调用。

另外，第二种方式下的调用有两点需要说明：

① 引入语句"document.write()"可放在调用文件的任何位置；

② 若调用文件中引用的函数在本文件和调用文件中都有的话，会默认调用被调用文件中的函数。例如：

document.write("<script type=\"text/javascript\" src = \"/EVM/js/companyAssessmentCharts.js\"></script>");	//调用另外一个js文件

function abc() {
	var arr1 = new Array();
	arr1.push(3);
	arr1.push(4);
	
	alert("SDF");
	
	alert(sum(arr1));
}

function sum(arrTemp) {
	return "sdfsf";
}

在被调用js文件companyAssessment.js中就有一个sum()函数，即使本文件中也有一个sum() { ...}函数，也会默认调用companyAssessment.js中的sum() {...}函数，并且不受引用语句放置位置的影响。

其他的调用方式，见 http://blog.csdn.net/zndxlxm/article/details/7875787

19、highcharts中，可以给一些元素赋空值，即将对应数据置为null；

20、3D双饼图和3D饼图的区别，在于innerSize的属性设置：

 plotOptions: {
            pie: {
                innerSize: 100,
                depth: 45
            }
        },

更多2019年的技术文章，欢迎关注我的微信公众号：码不停蹄的小鼠松（微信号：busy_squirrel），也可扫下方二维码关注获取最新文章哦~

策码奔腾的小单

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
web前端，备忘录

更多2019年的技术文章，欢迎关注我的微信公众号：码不停蹄的小鼠松（微信号：busy_squirrel），也可扫下方二维码关注获取最新文章哦~1、关于切页的讲解，见http://v3.bootcss.com/javascript/#tabs2、有关于html中table合并单元格的讲解，见http://www.cnblogs.com/penny/archive/2008/09/09...
复制链接

扫一扫