js在html写文件,可以把一些常用的方法，写入js文件，引入html界面

这样，可以在多处应用。更好一些。缺点是不够灵活。

优点是，一处修改，多处应用。

函数这东西，一般都是先加载的，之后就可以随便调用了。

function delquestion(obj){

//confirm('确认要删除吗');

$(obj).parent().parent().remove();

}

function addquestions(obj){

var str = question_id = '';

//str = $(obj).parent().prev().html();

str = $(obj).parent().prev().find(".questions").text();

question_id = $(obj).parent().prev().find("input").val();

var flag = false;

$(".addquestions").each(function(){

if(question_id == $(this).val()){

flag = true;

}

});

if(flag){

alert("您已经添加过！不可重复添加");

return;

}

str1 = '';

$(".table_left").find("tr").eq(-2).after('

'+str1+str+'');

}

function pages(nowPage,url){

var content = $('#content').val();

var search_type = $("#search_type").val();

ajax(content,search_type,nowPage);

}

function ajax(content,search_type,nowPage){

var url = "/lessons/teacher/ajax";

if(content)url += "/content/"+content;

if(search_type!= 0)url +="/search_type/"+search_type;

if(nowPage)url += "/nowpage/"+nowPage;

$.ajax({

type: "POST",

url: url,

success:function(response){

if(response){

$("#questions_nav").nextAll().remove();

$("#questions_nav").after(response);

}else{

alert("error");

}

}

});

}

function getBookByGradeAndLesson(grade,lesson_id){

var url = "/default/index/ajax/do/getBookByGradeAndLesson";

var data = "grade="+grade+"&lesson_id="+lesson_id;

$.ajax({

type:"POST",

async:false,

url:url,

data:data,

success:function(response){

if(response){

$("#search_book").html(response);

$("#search_book option:first").text("书");

}else{

alert("error");

}

}

});

}

function getChapterByBookId(book_id){

var url = "/default/index/ajax/do/getChapterByBookId";

var data = "book_id="+book_id;

$.ajax({

type:"POST",

async:false,

url:url,

data:data,

success:function(response){

if(response){

$("#search_chapter").html(response);

$("#search_chapter option:first").text("章");

}else{

alert("error");

}

}

});

}

function getSectionByChapterId(chapter_id){

var url = "/default/index/ajax/do/getSectionByChapterId";

var data = "chapter_id="+chapter_id;

$.ajax({

type:"POST",

async:false,

url:url,

data:data,

success:function(response){

if(response){

$("#search_section").html(response);

$("#search_section option:first").text("节");

}else{

alert("error");

}

}

});

}

function chapterRefresh(){

var html = "章";

$("#search_chapter").html(html);

}

function sectionRefresh(){

var html = "节";

$("#search_section").html(html);

}

上面是函数方法，

加载之。。。

主体应用之。。。

$(document).ready(function(){

var grade = "";

//var grade = 0;

var lesson_id = "";

//var lesson_id = 0;

if(grade!=""&&lesson_id!=""){

getBookByGradeAndLesson(grade,lesson_id);

}

//书变动

$("#search_book").change(function(){

var book_id = $(this).val();

if(book_id!=""){

getChapterByBookId(book_id);

}

//chapterRefresh();

sectionRefresh();

});

//章变动

$("#search_chapter").change(function(){

var chapter_id = $(this).val();

if(chapter_id!=""){

getSectionByChapterId(chapter_id);

}

});

$("#deadlinetime").calendar();

$(".make_sure1").click(function(){

var exams_name = $("#exams_name").val();

if(!exams_name){

alert("练习名称不能为空！");

return;

}

var len = exams_name.length;

if(len>30){

alert("练习名称过长！");

return;

}

var duration = $("#duration").val();

if(!duration){

alert("预计用时不能为空！");

return;

}

var reg = new RegExp("^[0-9]*$");

if(!reg.test(duration)){

alert("预计用时需为数字!");

return;

}else if(duration>300){

alert("预计用时不能大于300!");

return;

}

var questions = '';

questions=$(".addquestions").val();

if(!questions){

alert("您还没有添加问题！");

return;

}

$("#add").submit();

});

});

小结：这样利用js会更好。

优点如下：

函数化，很多功能可以重复利用。

常用函数，类化。这样很多文件都可以用它。更加的扩大了它的应用场所。

缺点：需要深入查找，才能看到代码。

vue脚手架使用swiper /引入js文件/引入css文件

1.安装vue-cli 参考地址:https://github.com/vuejs/vue-cli 如果不使用严格语法需要在后三项打no:(加了挺头疼的,老是报错,但是对自己的代码规范性也是有很大的帮 ...

vue引入swiper vue使用swiper vue脚手架使用swiper /引入js文件/引入css文件

vue引入swiper  vue使用swiper  vue脚手架使用swiper /引入js文件/引入css文件 ------------------------------------------- ...

vue项目引入第三方js插件，单个js文件引入成功，使用该插件方法时报错(问题已解决)

1.引入第三方js文件,npm安装不了 2.控制台显示引入成功 3.在methods下使用 图片看不清请看下面代码 updateTime() { setInterval(()=>{ var cd ...

JavaScript的8行代码搞定js文件引入问题

单页面的操作,免不了会有各种jsp的嵌套问题,一个操作页面里面可能涉及到几十甚至上百个jsp页面. 平常我们对用到的js文件的引入,都会放到index的header里面.如图: 但是,让我们思考三个问 ...

js文件引入

js文件内引用js文件使用 document.write("

在vue的js文件引入自定义js文件

自定义js var provinces=[] export default provinces vue页面js引入 import riskLeft from "./index.js&quot ...

thinkphp遇到的小问题，js文件中U方法不被解析

我想在js文件中写ajax, 写完发现异常, 本以为是js文件中不支持ajax 后来发现时地址解析错误. 也就是U方法在js文件中不被解析. 貌似thinkphp解析,tpl文件中的一些元素. js文 ...

将DataSet(DataTable)转换成JSON格式(生成JS文件存储)

public static string CreateJsonParameters(DataTable dt) { /**/ /**/ /**/ /* /*********************** ...

vue中如何在本地导入js文件

import {setStore,setUser,getStore,removeStore} from "../../../public/localstory" 在导入js文件时, ...

随机推荐

【转】linux shell实现随机数多种方法(date,random,uuid)

在日常生活中,随机数实际上经常遇到,想丢骰子,抓阄,还有抽签.呵呵,非常简单就可以实现.那么在做程序设计,真的要通过自己程序设计出随机数那还真的不简单了.现在很多都是操作系统内核会提供相应的api,这 ...

bzoj 1419 Red is good(期望DP)

[题意] R红B蓝,选红得1选蓝失1,问最优状态下的期望得分. [思路] 设f[i][j]为i个Rj个B时的最优期望得分,则有转移式为: f[i][j]=max{ 0,(f[i-1][j]+1)*(i ...

Python 任务队列 Celery

一. celery 简介 Celery 是一个专注于实时处理和任务调度的分布式任务队列, 同时提供操作和维护分布式系统所需的工具.. 所谓任务就是消息, 消息中的有效载荷中包含要执行任务需要的全部数据 ...

Java学习从菜鸟变大鸟之一 hashCode()和equals()的本质区别和联系

在学习java,根据视频做实例的过程中,对equals和hashcode两个方法理解稍微深刻一点,主要是它们两个很容易混淆,容易出错,自己又通过网上的资料学习,和大家分享 equals()方法 equ ...

checkbox用图片替换原始样式，并实现同样的功能

1.结构:

pd.concat/merge/join

pandas的拼接分为两种: 级联:pd.concat, pd.append 合并:pd.merge, pd.join 一.回顾numpy.concatenate 生成1个6*3的矩阵,一个2*3的矩 ...

Access-Control-Allow-Origin实现跨域访问 跨域

总结:跨域的get,post请求 后台可以设置 Access-Control-*相关的参数,让浏览器支持. // 指定允许其他域名访问 header('Access-Control-Allow-Ori ...

linux加程序是否当掉检测脚本

cd $(dirname $) source ~/.bash_profile SYSTEM_TIME=`date '+%Y-%m-%d %T'` count=`ps -ef |grep "p ...

selenium中等待元素的加载

在实际使用中,有时会出现一个元素还没有加载出来,导致无法获取,此时需要selenium处理来等待一段时间,此时处理方法有以下几种: 1.最笨.最简单但是最不推荐的方式: Thread.sleep(ti ...

windown安装bloomFilter

个人博客:https://blog.sharedata.info/ 最近在研究python爬虫,需要在windown中安装bloomFilter来处理网页的去重问题,在window中安装python然 ...