Html onclick作用域,行内onclick使用遇坑--------作用域与传入字符串

问题一：行内onclick触发的函数放在$(funtion(){})内报错，错误代码如下：

$(function(){

function say(){

alert(123);

}

})

运行之后报错：say is not defined

$(function{})的作用类似于window.onload,都是网页加载完成在执行相应的代码。删去$(function(){})之后程序运行正常，看来$(function(){})本身也是一个函数(这么明显之前居然没注意到)，它形成了一个函数作用域，将say()这个函数变成了一个局部变量，$(function(){})外面无法访问。

解决方法：

1.删去$(function(){})，如果将

2.如果必学写$(function(){})，将function say(){}改写为window.say = function(){},将say()函数变为全局的。

问题2：行内onclick传入动态字符串，错误代码如下：

var str = "asd";

$("").appendTo($('body'));

function say(str){

console.log(str);

}

想让点击按钮时，输出的内容随str变化，但是报错asd is not defined

看起来 asd 被当成了变量，于是代码稍作修改：$("").appendTo($('body')); 给str加了一个单引号，运行之后又报错：Unexpected token }

查看浏览器控制台发现，这段代码被解析成了这样：; 询问了大神之后，将str加的单引号改为双引号，程序果然正常运行。经过思考得出结论，在保证js代码单双引号配对的同时，也要保证解析到html中的正确性，即标签中也是区分单双引号的。虽然标签中写成这样(正确写法); 但是被解析到浏览器中查看，都变成了双引号;一度影响了我的判断。。。

解决方法：

1.str外围改为双引号即$("").appendTo($('body'));

2.去掉say()函数的单引号，改为$("").appendTo($('body')); 这样写浏览器会帮你加一个双引号，而且say()括号中的单双引号被正确解析。

JS组件系列——BootstrapTable 行内编辑解决方案：x-editable

前言:之前介绍bootstrapTable组件的时候有提到它的行内编辑功能,只不过为了展示功能,将此一笔带过了,罪过罪过!最近项目里面还是打算将行内编辑用起来,于是再次研究了下x-editable组件 ...

行内js函数调用

• 12234588

  js行内式遇到的一些问题 DOM对象和jq对象转换的问题

  这两天给后台页面做页面,我的工作比较简单,只需要写结构和样式就行了,写好之后,后端大哥用ajax重写页面加载数据,顺便给标签添加选中事件,做选中后变色的处理,但是却遇到一个问题,一直选不到触发事件这个 ...

  python 全栈开发，Day48(标准文档流,块级元素和行内元素,浮动,margin的用法,文本属性和字体属性)

  昨日内容回顾 高级选择器: 后代选择 : div p 子代选择器 : div>p 并集选择器: div,p 交集选择器: div.active 属性选择器: [属性~='属性值'] 伪类选择器 ...

  easyui学习笔记3—在展开行内的增删改操作

  这一篇介绍在一个展开行内进行的增删操作,如果一行很长有很多的数据,在一个展开行内进行编辑将更加方便. 1.先看引用的资源

  datatables表格行内编辑的实现

  Datatables是一款jquery表格插件,它是一个高度灵活的工具,灵活就意味着很多功能需要自己去实现,比如说行内编辑功能. Datatables自己是没有行内编辑功能的,最简单的是通过modal ...

  随机推荐

  MySQL基础原创笔记

  对表的增删改操作: 创建表: create table student (          id  int  primary key  auto_increment,          name   ...

  iOS开发之Run Loop

  1.概述 (1) Run Loop提供了一种异步执行代码的机制,不能并行执行任务. (2) 在主队列中,Main Run Loop直接配合任务的执行,负责处理UI事件.计时器,以及其它内核相关事件. ...

  Signalr指定Websocket方式跨域数据传输

  跨域通俗理解就是两个域名后面的web服务地址,即都是独立的网站.现实业务的情况会有很多需要跨域推送数据的情况, 比如类似饿了么商户后台会收到客户端确认订单后,后台服务会推送一条订单消息给商户前台. S ...

  python基础之socket编程

  一 客户端/服务器架构 二 osi七层 三 socket层 四 socket是什么 五 套接字发展史及分类 六 套接字工作流程 七 基于TCP的套接字 八 基于UDP的套接字 九 粘包现象 十 什么是 ...

  【API】检查进程是否存在 - CreateToolhelp32Snapshot

  1 学习目标 今天静态逆向mydocument病毒时,看到病毒代码为了防止自身被调试会先检测杀毒软件和调试工具的进程是否存在.如果没有杀毒软件则释放真正的病毒文件,提前熟悉一下枚举进程的反汇编代码. ...

  centos下编译安装mysql5.5/5.6/5.7

  2018-12-28 14:38:46 星期五 centos 系统在mysql官网, 按照教程去配置yum源, 然后安装, 不用自己找依赖了: https://dev.mysql.com/doc/my ...

  RDLC报表带搜索与传参数功能演示(ASP.NET MVC)

  昨晚有演示了http://www.cnblogs.com/insus/p/3665295.html RDLC报表.在实现过程中,有遇上了诸 ...

  .Net应用程序 参照的组合没有安装在您的系统中。 HRESULT: 0x800736B3

  同事打开一个.Net的应用程序链接,一直无法启动.错误信息为: 啓用xx.application 時發生例外狀況. 已偵測到下列失敗訊息:參照的組合沒有安裝在您的系統中. (發生例外狀況於 HRESU ...

  SQL Server 怎样生成序列号(虚拟数字辅助表)

  --生成一个"序列" 或者说生成一个&quot ...

  mysql根据查询结果,创建表

  create table copy_materials_details (SELECT * FROM `materials_details`);