JavaScript
文章平均质量分 57
翱翔天地
技术在于专注!主要从事前端开发,熟悉vue、jQuery、uniapp等,有微信公众号和微信小程序开发经验,熟练使用echarts、highcharts、帆软报表;了解Java、python和mysql
展开
-
Uncaught SyntaxError: Cannot use import statement outside a module
1、错误描述Uncaught SyntaxError: Cannot use import statement outside a module2、错误原因 定义了一个JavaScript文件,声明几个变量,利用模块化导出变量let name = '张华'let age = 23let sex = '女'export {name, age, sex} 接着,在页面文件中直接导入import;打开浏览器访问页面,控制台出现报错<!DOCTYPE...原创 2020-08-06 11:41:42 · 53304 阅读 · 10 评论 -
JavaScript全局函数有哪些?
1、decodeURI():解码某个编码的URI2、decodeURIComponent():解码一个编码的URI组件3、encodeURI():把字符串编码为URI4、encodeURIComponent():把字符串编码为URI组件5、escape():对字符串进行编码6、eval():计算 JavaScript 字符串,并把它作为脚本代码来执行7、isFinite():检查某个值是否为有穷大的数8、isNaN():检查某个值是否是数字9、Number():将对象的值转换原创 2020-07-09 11:29:02 · 3805 阅读 · 0 评论 -
如何判断!!和不同变量字符串的真假值
1、问题背景 在JavaScript中,有null、undefined、空字符串、数值等,如果这些值前加上!!,真假值又是如何呢?2、实现源码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <s...原创 2019-11-19 11:08:55 · 1003 阅读 · 0 评论 -
如何判断变量x的值并打印正常值
1、问题背景 在JavaScript中,定义了一个变量x,立即执行函数内部也定义了x,并且在后面对x重新赋值;分别在这几处打印变量x的值2、实现源码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> &l...原创 2019-11-19 10:58:32 · 676 阅读 · 0 评论 -
利用JavaScript实现加减乘除运算
一、问题:利用JavaScript写一个加减乘除运算,输入两个数,判断下拉列框的运算符号,进行相应的运算二、首先,我利用JavaScript实现简单加法运算,代码如下:实现加法运算 body{ font-size:12px; } #one,#two{ width:30px; background-color:#CCCCFF; } #thr原创 2013-06-27 23:50:36 · 29909 阅读 · 1 评论 -
CheckBox在表格中全选、部分选和反选
1、源码如下,TableCheckBox.htmlTableCheckBox.html:Table中的CheckBox body { width:100%; height:100%; font-size:12px; } table { width:80%; height:100%; }原创 2013-07-03 00:01:27 · 6342 阅读 · 0 评论 -
会“变身”的折线图(FusionChart)
1、新建一个web项目,在WebContent下新建一个Line.html;Line.html:FusionChart实现可变折线图 body{ width:100%; height: 100%; font-size:12px; } #column{ width:100%; height:原创 2013-07-05 23:10:15 · 2506 阅读 · 1 评论 -
JavaScript基本数据类型
1、数值类型:包含整数和浮点数2、布尔类型:只有true和false两种类型3、字符串类型:字符串变量必须以引号括起来,包含单引号和双引号4、undefined类型:专门用来确定一个已经创建但是没有初值的变量5、null:用于表明某个变量的值为空原创 2013-08-11 16:17:54 · 898 阅读 · 0 评论 -
JavaScript异常机制
1、JavaScript只有一个异常类Error,无须在定义函数时声明抛出该异常,所以没有throws关键字2、JavaScript是弱类型语言,所以catch语句后括号里的异常实例无须声明类型3、JavaScript只有一个异常类,所以try块后最多只能有一个catch语句4、获取异常的描述信息是通过异常对象的message属性,而不是通过getMessage原创 2013-08-11 16:48:28 · 1030 阅读 · 0 评论 -
for in 循环(JavaScript)
1、for in循环实质是一种foreach循环2、作用(1)遍历数组里的所有数组元素(2)遍历JavaScript对象的所有属性3、语法格式 for(index in object) { statements }原创 2013-08-11 16:54:47 · 1070 阅读 · 0 评论 -
JavaScript内置类
1、Array:数组类2、Date:日期类3、Error:错误类4、Function:函数类5、Math:数学类6、Number:数值类7、Object:对象类8、String:字符串类原创 2013-08-11 16:24:25 · 1176 阅读 · 0 评论 -
JavaScript复合类型
1、Object:对象2、Array:数组3、Function:函数原创 2013-08-11 16:21:22 · 1945 阅读 · 0 评论 -
FusionChart中引入图类型和数据源方法
1、XMLUrl var column = new FusionCharts("FusionCharts/Column3D.swf","colmnId","400","300"); column.setXMLUrl("Data.xml"); column.render("chart");2、DataURL var column原创 2013-08-25 13:31:25 · 1869 阅读 · 0 评论 -
消息:'null'为空或不是对象
1、错误信息网页错误信息用户代理:Mozilla/4.0(compatilble,MSIE 8.0;Windows NT 6.1;Trident/4.0;SLCC2;)时间戳:Sat,24 Aug 2012 01:01:25 UTC消息:‘null’ 为空或不是对象行:1字符:113代码:0URI:http://localhost:8080/原创 2013-08-25 13:45:02 · 2210 阅读 · 0 评论 -
9×9乘法表
1、源码如下multiplication.html: 乘法表 .body_class{ width:50%; height: 60%; font-size: 16px; backgroun原创 2013-08-14 23:23:39 · 1537 阅读 · 0 评论 -
$.ajax()方法
$.ajax()$.ajax()常用参数的设置及其意义较常用的也就下面这些了function abc(){ $.ajax({ async:true, /*是否异步请求,用这对象的目的就是为了异步请求,所以此值一般不变,恒为true*/ cache:false, /*是否用缓存*/ global:转载 2013-08-28 23:15:04 · 2201 阅读 · 1 评论 -
JavaScript的组成部分
JavaScript的组成部分1、核心(ECMAScript)---JavaScript的核心ECMAScript描述了该语言的语法和基本对象2、文档对象模型(DOM)---DOM描述了处理网页内容的方法和接口3、浏览器对象模型(BOM)---BOM描述了与浏览器进行交互的方法和接口原创 2013-09-01 10:31:22 · 1898 阅读 · 0 评论 -
解决jQuery和其他JavaScript库中中$()函数的冲突
为了解决jQuery和其他JavaScript库中$()函数的冲突,需要取消jQuery的$()函数 采用如下的方法 //取消jQuery中的$()函数jQuery.noConflict();原创 2013-09-04 22:03:34 · 1258 阅读 · 0 评论 -
JavaScript实现页面跳转
1、源码如下404 Not Found 找不到指定的页面 3秒后自动返回<!-- var second = document.getElementById('totalSecond').textContent; if (navigator.appName.indexOf("Explorer") > -1) //判断是IE浏览器还是Firefox浏览器转载 2013-10-04 22:24:14 · 1385 阅读 · 0 评论 -
JavaScript中字符串和数字
JavaScript中的字符串不总是能转换为数字,但是数字总能转换为字符串JavaScript alert(1+2+3+4); alert(1+2+3+"4"); alert(1+2+"3"+4); alert("1"+2+3+4);分析:第一个alert弹出的结果是10, 第二个alert弹出的结果是64,原创 2013-10-06 23:51:45 · 1161 阅读 · 0 评论 -
JavaScript中的if...else if...语句
1、源码JavaScript var score = prompt("请输入一个分数",""); if(!score){ alert("您没有输入值!"); }else{ score *= 1; if(isNaN(score)) { alert("您输入不合法的值!"); }else{ if(score >= 0 && score <原创 2013-10-07 22:31:15 · 2148 阅读 · 0 评论 -
JavaScript计算三角形面积
1、设计思路(1)第一种是直接在JavaScript中定义(2)第二种是利用函数(3)第三种是利用函数,优化功能,提高可重用性2、源码计算三角形面积 //三角形的宽度 var width = window.prompt("请输入三角形的宽!",""); //三角形的高度 var height = window.prompt("请输入三角形的高!原创 2013-10-07 22:11:55 · 9633 阅读 · 0 评论 -
利用XML和随机数为FusionChart提供数据源
1、利用XML提供数据源column2D.xml: 2、利用随机数提供数据源var strXML = ""; var i; //循环次数 for(i=1;i<=12;i++){ strXML += ""; } strXML = strXML + ""原创 2013-09-23 00:12:04 · 2473 阅读 · 0 评论 -
JavaScript对象和数组
数组与对象 //创建数组 var arr = new Array(); arr[0] = 123; arr[1] = "Hello"; arr[2] = 12.23; arr[3] = true; arr[6] = 45; alert(arr[0]);//输出123 alert(arr.length);//输出4 alert(arr[4]);//输出undefin原创 2013-10-26 22:49:18 · 1340 阅读 · 0 评论 -
dojo之日期DateTextBox篇
1、设计思路(1)利用dojo的DateTextBox设计出四组日期格式以及选择日期类型;(2)控制日期的格式,分别显示年月日、年月和年份三种,另外一种是利用RadioButton选择日期格式2、设计步骤 第一步:设置开始日期和结束日期开始日期: <input id="startDate"原创 2014-01-01 18:39:46 · 5499 阅读 · 0 评论 -
FireBug之Console命令大全
1、console.log-console.dir2、console.dirxml-console.timeEnd3、console.timeStamp-console.table转载 2014-01-01 21:37:17 · 1106 阅读 · 0 评论 -
dojo表格分页报错
原创 2014-01-01 21:46:41 · 1139 阅读 · 0 评论 -
Dojo实现Tabs页报错(二)
原创 2013-12-18 22:47:42 · 1620 阅读 · 0 评论 -
Dojo实现Tabs页报错(三)
用Dojo实现tab页的过程中,没有引用“on.js”,但是firebug调试时一直提示如下错误:on.js源码如下:define(["./has!dom-addeventlistener?:./aspect", "./_base/kernel", "./sniff"], function(aspect, dojo, has){"use strict";if(has("原创 2013-12-18 23:19:00 · 1919 阅读 · 0 评论 -
利用jQuery取select的值报错(一)
报错如下:错误原因:找不到jQuery引入文件,即引入的js文件路径不对原创 2013-12-20 23:48:49 · 1606 阅读 · 1 评论 -
利用jQuery取select的值
1、通过jQuery取select的值,源码如下:<!--To change this license header, choose License Headers in Project Properties.To change this template file, choose Tools | Templatesand open the template in the editor原创 2013-12-20 23:42:54 · 1779 阅读 · 1 评论 -
FusionChart三维立体图
1、首先,新建一个web工程,取名3dChart;2、将包含FusionChart的swf文件放在WebContent目录下,给文件夹取名为fusionchart;3、在WebContent目录下,新建一个chart.jsp和Data.xmlchart.jsp源文件如下:<%@ page language="java" contentType="text/html;原创 2013-06-25 23:20:17 · 7927 阅读 · 10 评论 -
dojo实现表格数据无法展示
1、图12、图23、所有的js和css都加载成功,但是表格数据就是出不来原创 2013-12-22 22:41:50 · 1406 阅读 · 0 评论 -
FusionChart实现漏斗图
1、提供静态数据源XMLFunnel.xml:<chart manageResize="1" caption="2012年月平均统计人数" subcaption="千" decimals="1" baseFontSize="12" useSameSlantAngle="1" isHollow="1" formatNumberScale="1" nu原创 2013-09-28 23:37:35 · 4951 阅读 · 0 评论 -
会“变身“的柱形图(FusionChart)
1、新建web项目,布局结构如下图:FusionChart中的文件结构如下:2、在WebContent下新建column.html;column.html:FusionChart实现可变柱形图 body{ width:100%; height: 100%; font-size:12px; }原创 2013-07-03 21:36:32 · 2076 阅读 · 0 评论 -
dojo实现表格
1、源码BorderContainer.html: BorderContainer <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props='reg原创 2013-12-22 22:28:49 · 2645 阅读 · 5 评论 -
FusionChart用XML和JSON两种格式提供数据源
(1)由于FusionChart的数据源格式有两种:XML和JSON,设计用两种格式提供数据源(2)两种格式又分为路径格式(XMLUrl和JSONUrl)和字符串格式(XMLData和JSONData)(3)根据上述情况,设计出四种格式,分别为XMLUrl、JSONUrl、XMLData和JSONData(4)获取当前时间和当前秒数(5)利用JQuery定时器原理(6)采用定时器,结合hide()和show()方法,让四个图依次隐藏和显示原创 2013-09-25 22:27:48 · 5617 阅读 · 4 评论 -
FusionCharts 3D柱状图
1、设计思路(1)根据FusionCharts的API,设计出3D柱状图;(2)3D柱状图的数据源是由XML提供。2、设计步骤(1)新建静态页面,column3D.html<!--To change this license header, choose License Headers in Project Properties.To change this templa原创 2014-01-08 22:17:42 · 2054 阅读 · 0 评论 -
FusionCharts 2D饼图
1、页面pie2D.html:<!--To change this license header, choose License Headers in Project Properties.To change this template file, choose Tools | Templatesand open the template in the editor.-->原创 2014-01-08 23:13:27 · 3441 阅读 · 0 评论 -
FusionCharts 2D折线图
1、设计思路(1)首先,了解FusionCharts中折线图的原理,数据源结构;(2)然后,了解FusionCharts中图的共性以及折线图属性的特性;(3)最后,开始设计折线图,JS等等。2、设计步骤(1)这里,我是写的静态页面,利用jQuery设计折线图的图类以及数据源的路径$(function(){ var line2D = new F原创 2014-01-08 22:49:42 · 1766 阅读 · 1 评论