Question

在下面的标准函数中，您可以为第二个和第三个参数添加多个参数。

var retval = window.showModalDialog(dialog, varArgIn, varOptions);

varOptions参数可以填写：

'dialogHeight:580px;dialogWidth:700px;center=yes;scroll=no',

如何获得在dialogHeight中设置的唯一值？所以我可以在其他地方只重用那个值。

Answer 1

您可以使用简单的正则表达式：

'dialogHeight:580px;dialogWidth:700px;center=yes;scroll=no'.match(/dialogHeight:\w+/)[0]; //dialogHeight:580px

在您的情况下，您可能需要：varOptions.match(/dialogHeight:\w+/)[0];。

如果您只需要该值，可以使用：

varOptions.match(/dialogHeight:(\w+)/)[1];。

正如founddrama建议的那样，如果dialogHeight不是varOptions的子字符串，代码将产生错误。做上述事情的更好方法是：

var match = varOptions.match(/dialogHeight:(\w+)/);
if (match && match.length >= 1) {
    console.log("The value is: " + match[1]);
}

Answer 2

不明白你的问题。你填写varOptions，不是吗？只需为每个选项创建新变量，然后重复使用它们。

类似

var dialogHeight = 580;
var dialogWidth = 700;
var center = 'yes';
var scroll = 'no';

var options = 'dialogHeight:'+ dialogHeight +'px;dialogWidth:'+ dialogWidth '+x;center='+ center +';scroll='+ scroll;
var retval = window.showModalDialog(dialog, varArgIn, options);
alert('Reusing dialog height vairable here:'+ dialogHeight);

如果您想从您提供的字符串中获取dialogHeight，您可以执行以下操作：

var input = 'dialogHeight:580px;dialogWidth:700px;center=yes;scroll=no';
var dialogHeight = input.match(/(?!dialogHeight:)[0-9]*(?=p)/ ,input);
alert(dialogHeight);

http://jsfiddle.net/E67RF/＆lt; - 使用此代码

Answer 3

以下列方式使用正则表达式：

var s= 'dialogHeight:580px;dialogWidth:700px;center=yes;scroll=no';
alert(s.match(/dialogHeight:[\w]+\;/)[0].match(/:[\w]+;/)[0].replace(':',''));

Answer 4

如果您可能需要任何其他值，那么拥有一个将选项字符串转换为字典样式对象的函数会很有用。

function getOptions(s) {
  var r = {}, kv;
  s = s.split(';');
  for (var i = 0; i < s.length; i++) {
    kv = s[i].split(s[i].indexOf(':') > -1 ? ':' : '=');
    r[kv[0]] = kv[1];
  }
  return r;
}
var opts = 'dialogHeight:580px;dialogWidth:700px;center=yes;scroll=no';
var optsObj = getOptions(opts);
console.log(optsObj.dialogHeight);

Answer 5

假设您还没有这些值，就像@Henrik Peinar的回答一样，您可以解析字符串中的值（只要它遵循示例中的约定）。

以下几种方法可以做到：

1）将字符串格式化为JSON表示法，转换为对象，访问值

var objOptions = JSON.parse("{" + varOptions.replace(/;/g,",").replace(/=/g,":").replace(/(\w+)/g,'"$1"') + "}");

console.log(objOptions.dialogHeight);

2）只使用RegEx解析你正在寻找的值（我的例子很容易出错，所以我会在生产中做一点不同。这只是一个简单的例子。）

varOptions.match(/dialogHeight:(\w+);/)[1]

3）使用split获取名称 - 值对的数组，然后循环并拆分这些结果，测试“名称”部分，直到找到所需的名称。（我已经没时间了，所以我已经离开了这个例子）

Answer 6

var parseDialogOptions = function() {
  var optionDivider = /\s*;\s*/
    , valueDivider = /\s*[:=]\s*/
    , whiteSpace = /^\s+|\s+$/g

  return function(optionString) {
    var options = optionString.split(optionDivider)
      , obj = {}
    for (var i = 0, l = options.length; i < l; i++) {
      var parts = options[i].split(valueDivider)
      if (parts.length == 2) {
        obj[parts[0].replace(whiteSpace, '')] = parts[1].replace(whiteSpace, '')
      }
    }
    return obj
  }
}()

用法：

>>> parseDialogOptions('dialogHeight:580px;dialogWidth : 700px; center=yes ; scroll=no ; ')
Object { dialogHeight="580px", dialogWidth="700px", center="yes", scroll="no" }

从JavaScript函数的字符串参数获取值

6 个答案: