如何在 html 代码中使用 swift 变量?

Question

我尝试在 html 代码中使用 swift 变量。 但首先，这是我的代码：

import UIKit
import WebKit
let webView = WKWebView()
class LoginViewController: UIViewController {
@IBOutlet weak var usernameTextField: UITextField!
@IBOutlet weak var passwordTextField: UITextField!
var testVar = "test"
var theResult: String = ""

override func viewDidLoad() {
super.viewDidLoad()
let url = URL(string: "someUrl")!
let request = URLRequest(url: url)
webView.frame = CGRect(x: 0, y: 300, width: 300, height: 300)
//   webView.sizeToFit()
webView.load(request)
view.addSubview(webView)
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
@IBAction func loginButton(_ sender: Any) {
webView.evaluateJavaScript("document.getElementById('username').value='(usernameTextField.text!)'", completionHandler: nil)
webView.evaluateJavaScript("document.getElementById('password').value='(passwordTextField.text!)'", completionHandler: nil)
webView.evaluateJavaScript("document.getElementsByTagName('button')[0].click()", completionHandler: nil)
webView.evaluateJavaScript("document.getElementsByClassName('item623')[0]. getElementsByTagName('a')[0].click();", completionHandler: nil)
getValues()
}
func getValues()
{
webView.evaluateJavaScript("document.getElementsByTagName('table')[1].getElementsByTagName('tr')[1].getElementsByTagName('td')[0].innerText") { (result, error) in
if error != nil {
print(result)
self.theResult = (result as? String) ?? ""
//self.theResult = result
print(result)
print("(webView.evaluateJavaScript("document.getElementsByTagName('table')", completionHandler: nil))")
}
}
webView.loadHTMLString("""
<table Border=“1“>
<caption>
Vertretungsplan
</caption>
<tr>
<td align=“center“ width=“250px“ length=“100px“>"(theResult)"</td>
<td>test1</td>
</tr>
<tr>
<td>Hello World!</td>
<td>test2</td>
</tr>
<tr>
<td>test3</td>
<td>hello</td>
</tr>
</table>
""", baseURL: nil)
}}

html代码的一部分：

<table class=„mon_head“>…</table>
<div class = „mon_title“>4.5.2018 Freitag</div>
<table class="mon_list">
<tbody>
<tr class="list"></tr>
<tr class="odd list">
<td align="center" class="list">...</td>
<td align="center" class="list">4</td>
<td align="center" class="list">Vertretung</td>
<td align="center" class="list">Mu</td>
<td align="center" class=„list“>45</td>
<td class=„list“> </td>
<td class=„list“> </td>
<td class=„list" align=„center“>WaS</td>
<td class=„list" align=„center“> </td>
</tr>
<tr class="list even“></tr>
…
</tbody>
</table>

在变量所在的字段中，为 "。 如果执行

document.getElementsByTagName('table')[1].getElementsByTagName('tr')[1].getElementsByTagName('td')[0].innerText

在控制台的网站上，将返回"VIb"。它在这一行的树点中：

<td align="center" class="list">...</td>

所以问题是表中是"而不是"VIb"。 希望你能帮我^^

Answer 1

不要使用print语法 -(theResult)- 尝试使用字符串连接。

更改此设置：

<td align=“center“ width=“250px“ length=“100px“>"(theResult)"</td>

对此：

<td align=“center“ width=“250px“ length=“100px“>" + theResult + "</td>

还有几点重要：

• 在斯威夫特中，"转义"字符是。因此，要添加双引号，您应该使用<td align="中心".当你的代码看起来，我会说HTML字符串的值是不可预测的。
• 尝试逐个"构建"字符串，var myString = "<td align="中心"然后在下一行代码上myString += "width="250px"，依此类推。添加断点并实际查看您正在构建的字符串。

编辑：

我上面说的几乎都是正确的。(我确实说过你的字符串值很难预测！当心，冗长的答案即将到来 - 希望你能明白我在说什么。

你想要一个 HTML 字符串，如果你这样做：

let theResult = "Vlb"
let loadHTMLString = """
<table Border=“1“>
<caption>
Vertretungsplan
</caption>
<tr>
<td align=“center“ width=“250px“ length=“100px“>"(theResult)"</td>
<td>test1</td>
</tr>
<tr>
<td>Hello World!</td>
<td>test2</td>
</tr>
<tr>
<td>test3</td>
<td>hello</td>
</tr>
</table>
"""
print(loadHTMLString)

输出是这样的：

<table Border=“1“>
<caption>
Vertretungsplan
</caption>
<tr>
<td align=“center“ width=“250px“ length=“100px“>"Vlb"</td>
<td>test1</td>
</tr>
<tr>
<td>Hello World!</td>
<td>test2</td>
</tr>
<tr>
<td>test3</td>
<td>hello</td>
</tr>
</table>

这是我的建议，但使用您的字符串变量。它很接近，但请注意Vlb周围的双引号。所以也许你的问题不是你如何构建你的HTML字符串 - 也许theReturn真的是空的。

也就是说，这是构建HTML字符串所需的(我建议的)：

let loadHTMLString =
"<table Border="1"<caption>Vertretungsplan</caption>" +
"<tr>" +
"<td align="center" width="250px" length="100px">" + theResult + "</td>" +
"<td>test1</td>" +
"</tr>" +
"<tr>" +
"<td>Hello World!</td>" +
"<td>test2</td>" +
"</tr>" +
"<tr>" +
"<td>test3</td>" +
"<td>hello</td>" +
"</tr>" +
"</table>"

现在其中一些是我猜的"语法糖"(缩进和使用+字符作为单独的行)，但结果是这样的：

<table Border="1"<caption>Vertretungsplan</caption><tr><td align="center" width="250px" length="100px">Vlb</td><td>test1</td></tr><tr><td>Hello World!</td><td>test2</td></tr><tr><td>test3</td><td>hello</td></tr></table>

很抱歉它在一行中显示的方式，但它是有效的，并且是您想要的 HTML。

需要注意的三点：

• 我正在使用+进行字符串连接，包括将theResult插入字符串中。
• 我在字符串中想要的每个引号之前使用转义字符，消除了任何""".
• 我在你的字符串中发现的第三件事(它不是我的)是你正在使用我认为被称为"结束双引号"的东西，我的键盘甚至没有原生的。

同样，实际问题可能不是您的字符串没有显示theResult，而是实际上theResult包含一个空字符串。如果是这种情况，请告诉我，我很乐意删除我的答案！无论哪种方式，祝你好运。